webpack多页面入口HtmlWebpackPlugin热部署很慢问题解决
解决方法:
1.安装html-webpack-plugin-for-multihtml插件
npm i html-webpack-plugin-for-multihtml --save-dev
如果失败改成:cnpm i html-webpack-plugin-for-multihtml --save-dev
2.在build/webpack.dev.conf.js中修改:
const HtmlWebpackPlugin = require('html-webpack-plugin')
为
const HtmlWebpackPlugin = require('html-webpack-plugin-for-multihtml')
3.在所有HtmlWebpackPlugin中加multihtmlCache: true
new HtmlWebpackPlugin({
favicon:"src/assets/images/favicon.ico",
filename: 'index.html',
template: 'index.html',
inject: false,
multihtmlCache: true
}),
执行npm run dev第一次很慢,但你idea修改了代码时热部署很快,几秒钟搞定