码迷,mamicode.com
首页 > Web开发 > 详细

关于webpack下热更新?&自动刷新?的小记(非vue-cli)

时间:2018-06-25 15:05:16      阅读:1391      评论:0      收藏:0      [点我收藏+]

标签:evel   col   webpack   引入   class   pre   error:   测试   eve   

写本随笔时:webpack4.6.0

为何标题用?号,因为老衲也不知是否用词正确,大概是这样的说法:

webpack4.0引入生产模式和开发模式,在开发时使用 webpack 打包后不压缩,所以只需要在 webpack 打包命令中加上 --mode mode development 即可。 如果没有 mode development 就会自动使用 production 模式,所有打包的代码将会是压缩过的,没办法调试


实践:

index.html引入的bundle.js文件,必需是webpack-dev-server的路径,因为bundle.js是动态创建的

关于webpack-dev-server的启动模式,都做了测试:

 在package.json下的配置:

"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev":"webpack-dev-server --mode development",
"server":"webpack-dev-server ",
"serverhot":"webpack-dev-server --hot --inline"
}

 

以development启动: 更新速度很快,修改入口的文件,马上刷新
没有参数:会自动编译并刷新,速度很慢
 --hot --inline 会自动编译,但并不会刷新,应该是针对模块加载????

关于webpack下热更新?&自动刷新?的小记(非vue-cli)

标签:evel   col   webpack   引入   class   pre   error:   测试   eve   

原文地址:https://www.cnblogs.com/vbyzc/p/9223835.html

(1)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!