写本随笔时: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": {
"dev": "webpack-dev-server --mode development",
"build": "webpack",
"server": "webpack-dev-server ",
"serverhot": "webpack-dev-server --hot --inline"
}
没有参数:会自动编译并刷新,速度很慢
--hot --inline 会自动编译,但并不会刷新,应该是针对模块加载????