您的位置:首页 > Web前端 > React

webpack react基础配置二 热加载

2016-10-14 11:02 1236 查看
用到 webpack-dev-server 先安装,注意 装到全局 还是本项目我也没注意 因为之前一直报错,有很小可能是安装到本地解决了,或者是我网络问题:

装到全局:$ npm install webpack-dev-server -g

装到本地: $ npm install webpack-dev-server --save-dev

修改配置文件 图片有说明:





执行命令 直接打包,无需刷新浏览器 自动刷新代码(局部刷新):

$ webpack-dev-server --port 3000 --hot --inline

这样修改如下css可以不刷新浏览器 直接看到效果 这样有个好处 很多开发用两个浏览器,这边改代码 另一边直接看效果了 很方便:



其实配置好配置项了 可以直接打包:

$ npm run build 如下:





demo:链接:http://pan.baidu.com/s/1i57Dvut 密码:om5j
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: