启动热编译
-
开发工具,webpack官方给出了三种方案官方
个人觉得简单的方式是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插件
- 安装
redux-devtools
redux-devtools-log-monitor
redux-devtools-dock-monitor
-
在/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( <DockMonitor toggleVisibilityKey='ctrl-h' changePositionKey='ctrl-q'> <LogMonitor /> </DockMonitor> );
- 在/react/features/base/app/components/BaseApp.js配置DevTools
- 在/react/features/base/app/components/BaseApp.js的render增加DevTools组件
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。