摘要:启动热编译开发工具,官方给出了三种方案官方个人觉得简单的方式是,进入项目根目录安装配置配置项解释默认是,因为只能在上运行,在虚拟机来回切换执行的话比较麻烦,所以直接配置虚拟机的内网。
启动热编译
开发工具,官方给出了三种方案官方
个人觉得简单的方式是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();
在/react/features/base/app/components/BaseApp.js配置DevTools
在/react/features/base/app/components/BaseApp.js的render增加DevTools组件
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/101016.html
摘要:官方资料官网储备知识工具,推荐资料,使用方法,使用方法或基础,推荐资料如下,官方资料项目没用到,借鉴了的强类型,通过进行验证核心,强烈推荐,推荐资料和需要多理解,项目的核心思想,推荐资料的使用搭建前端视频聊天室信令篇使用搭建前端视频聊天室入 官方资料 官网git 储备知识 工具 Webpack,推荐资料webpack Babel,使用方法babel Flow,使用方法flow ...
阅读 2761·2021-11-04 16:15
阅读 3443·2021-09-29 09:35
阅读 3973·2021-09-22 15:45
阅读 1397·2019-08-30 15:55
阅读 1668·2019-08-30 15:44
阅读 2672·2019-08-29 12:56
阅读 2675·2019-08-26 13:30
阅读 2121·2019-08-23 17:00