資訊專欄INFORMATION COLUMN
摘要：啟動(dòng)熱編譯開發(fā)工具，官方給出了三種方案官方個(gè)人覺得簡單的方式是，進(jìn)入項(xiàng)目根目錄安裝配置配置項(xiàng)解釋默認(rèn)是，因?yàn)橹荒茉谏线\(yùn)行，在虛擬機(jī)來回切換執(zhí)行的話比較麻煩，所以直接配置虛擬機(jī)的內(nèi)網(wǎng)。
啟動(dòng)熱編譯
開發(fā)工具，官方給出了三種方案官方
個(gè)人覺得簡單的方式是webpack-dev-server，進(jìn)入jitsi項(xiàng)目根目錄：
安裝
npm install --save-dev webpack-dev-server
配置
配置項(xiàng)解釋：
host: 默認(rèn)是localhost，因?yàn)閖itsi只能在unbutu上運(yùn)行，在虛擬機(jī)來回切換執(zhí)行的話比較麻煩，所以直接配置虛擬機(jī)的內(nèi)網(wǎng)ip。
port: 如果默認(rèn)8080端口被占用，可以換空閑的。
contentBase: 是webpack熱編譯動(dòng)態(tài)監(jiān)聽web目錄。
proxy.target: jitsi默認(rèn)是https://beta.meet.jit.si，主要是后臺的一些服務(wù)，如果自己有搭建prosody[xmpp]，jvb等，就可以改為自己的，以解決跨域等問題。
更多參數(shù)詳解移步
啟動(dòng)熱編譯
在package.json里的scripts下添加
"start": "webpack-dev-server --open"
命令行進(jìn)入項(xiàng)目根目錄，執(zhí)行
npm start利用工具追蹤源代碼
配置source map，在webpack.config.js的config里添加選項(xiàng)
devtool: "source-map",配置redux插件
在/react/features/base/app/components/BaseApp.js引入dev相關(guān)組件
import { persistState } from "redux-devtools";
import DevTools from "./DevTools";
在/react/features/base/app/components/創(chuàng)建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組件
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/101016.html
摘要：官方資料官網(wǎng)儲(chǔ)備知識工具，推薦資料，使用方法，使用方法或基礎(chǔ)，推薦資料如下，官方資料項(xiàng)目沒用到，借鑒了的強(qiáng)類型，通過進(jìn)行驗(yàn)證核心，強(qiáng)烈推薦，推薦資料和需要多理解，項(xiàng)目的核心思想，推薦資料的使用搭建前端視頻聊天室信令篇使用搭建前端視頻聊天室入 官方資料 官網(wǎng)git 儲(chǔ)備知識 工具 Webpack，推薦資料webpack Babel，使用方法babel Flow，使用方法flow ...
閱讀 2916·2021-11-04 16:15
閱讀 3654·2021-09-29 09:35
閱讀 4218·2021-09-22 15:45
閱讀 1492·2019-08-30 15:55
閱讀 1781·2019-08-30 15:44
閱讀 2843·2019-08-29 12:56
閱讀 2811·2019-08-26 13:30
閱讀 2251·2019-08-23 17:00
