码上敲享录 > vue.js常见问题详解 > webpack多页面入口HtmlWebpackPlugin热部署很慢问题解决

webpack多页面入口HtmlWebpackPlugin热部署很慢问题解决

上一章章节目录下一章 2020-07-27已有2310人阅读 评论(0)

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修改了代码时热部署很快,几秒钟搞定


0

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交