启动热编译

• 开发东西，官方给出了三种计划官方

  个人以为简朴的体式格局是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>
  );

• 在/react/features/base/app/components/BaseApp.js设置DevTools

  

• 在/react/features/base/app/components/BaseApp.js的render增添DevTools组件