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

写本随笔时: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 会自动编译,但并不会刷新,应该是针对模块加载????

猜你喜欢

转载自www.cnblogs.com/vbyzc/p/9223835.html