Jitsi開發環境配置

啓動熱編譯

• 開發工具，官方給出了三種方案官方

  我的以爲簡單的方式是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組件