关于webpack下热更新？&自动刷新？的小记（非vue-cli）

Posted 2020-11-20 vbyzc

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