摘要:啟動熱編譯開發工具,官方給出了三種方案官方個人覺得簡單的方式是,進入項目根目錄安裝配置配置項解釋默認是,因為只能在上運行,在虛擬機來回切換執行的話比較麻煩,所以直接配置虛擬機的內網。
啟動熱編譯
開發工具,官方給出了三種方案官方
個人覺得簡單的方式是webpack-dev-server,進入jitsi項目根目錄:
安裝
npm install --save-dev webpack-dev-server
配置
配置項解釋:
host: 默認是localhost,因為jitsi只能在unbutu上運行,在虛擬機來回切換執行的話比較麻煩,所以直接配置虛擬機的內網ip。
port: 如果默認8080端口被占用,可以換空閑的。
contentBase: 是webpack熱編譯動態監聽web目錄。
proxy.target: jitsi默認是https://beta.meet.jit.si,主要是后臺的一些服務,如果自己有搭建prosody[xmpp],jvb等,就可以改為自己的,以解決跨域等問題。
更多參數詳解移步
啟動熱編譯
在package.json里的scripts下添加
"start": "webpack-dev-server --open"
命令行進入項目根目錄,執行
npm start利用工具追蹤源代碼
配置source map,在webpack.config.js的config里添加選項
devtool: "source-map",配置redux插件
在/react/features/base/app/components/BaseApp.js引入dev相關組件
import { persistState } from "redux-devtools"; import DevTools from "./DevTools";
在/react/features/base/app/components/創建DevTools.js文件,源碼如下:
import React from "react"; import { createDevTools } from "redux-devtools"; import LogMonitor from "redux-devtools-log-monitor"; import DockMonitor from "redux-devtools-dock-monitor"; export default createDevTools();
在/react/features/base/app/components/BaseApp.js配置DevTools
在/react/features/base/app/components/BaseApp.js的render增加DevTools組件
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/101016.html
摘要:官方資料官網儲備知識工具,推薦資料,使用方法,使用方法或基礎,推薦資料如下,官方資料項目沒用到,借鑒了的強類型,通過進行驗證核心,強烈推薦,推薦資料和需要多理解,項目的核心思想,推薦資料的使用搭建前端視頻聊天室信令篇使用搭建前端視頻聊天室入 官方資料 官網git 儲備知識 工具 Webpack,推薦資料webpack Babel,使用方法babel Flow,使用方法flow ...
閱讀 2785·2021-11-04 16:15
閱讀 3458·2021-09-29 09:35
閱讀 4032·2021-09-22 15:45
閱讀 1417·2019-08-30 15:55
閱讀 1689·2019-08-30 15:44
閱讀 2711·2019-08-29 12:56
閱讀 2698·2019-08-26 13:30
閱讀 2169·2019-08-23 17:00