vue多页面热更新等待时间长解决方案

1、使用html-webpack-plugin-for-multihtml组件。

在build - webpack.dev.conf.js文件中：

　　const HtmlWebpackPlugin = require('html-webpack-plugin')   

　　替换为

　　const HtmlWebpackPlugin = require('html-webpack-plugin-for-multihtml')

2、multihtmlCache: true, // 解决多页热部署的关键 这里这里这里这里这里很重要！！！

for (var pathname in pages) {
  // 配置生成的html文件，定义路径等
  var conf = {
    filename: pathname + '.html',
    template: pages[pathname],   // 模板路径
    inject: true,              // js插入位置
    multihtmlCache: true,    // 解决多页热部署的关键 这里这里这里这里这里很重要！！！
    // necessary to consistently work with multiple chunks via CommonsChunkPlugin
    chunksSortMode: 'dependency'
  };

  if (pathname in devWebpackConfig.entry) {
    conf.chunks = ['manifest','vendor', pathname];
    conf.hash = false;
  }
  devWebpackConfig.plugins.push(new HtmlWebpackPlugin(conf));
}

 如果对小哥哥小姐姐有帮助请点个推荐哈，欢迎留言、评论、搞事！！   双肩背包 【正品折扣专业店】 -- biy1314.taobao.com