Jitsi开发环境配置

启动热编译开发工具，官方给出了三种方案官方个人觉得简单的方式是webpack-dev-server，进入jitsi项目根目录：安装npm install --save-dev webpack-dev-server配置配置项解释：host: 默认是localhost，因为jitsi只能在unbutu上运行，在虚拟机来回切...

weixin_33889245

3330人浏览 · 2019-01-14 02:40:47

weixin_33889245 · 2019-01-14 02:40:47 发布

启动热编译

开发工具，官方给出了三种方案官方

个人觉得简单的方式是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(
  <DockMonitor toggleVisibilityKey='ctrl-h'
               changePositionKey='ctrl-q'>
    <LogMonitor />
  </DockMonitor>
);