首页 > 其他 > 详细

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

时间:2019-07-03 15:43:03      阅读:293      评论:0      收藏:0      [点我收藏+]

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));
}

 如果对小哥哥小姐姐有帮助请点个推荐哈,欢迎留言、评论、搞事!!

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

原文:https://www.cnblogs.com/jwzhang/p/11126566.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!