vue使用webpack打包页面缓存白屏问题解决方法

在微信公众号使用vue开发每次打包上线都会有白屏问题，刷新一下页面就好了所以想到一个解决方法

const Version = new Date().getTime();
const env = require('../config/prod.env')

const webpackConfig = merge(baseWebpackConfig, {
  module: {
    rules: utils.styleLoaders({
      sourceMap: config.build.productionSourceMap,
      extract: true,
      usePostCSS: true
    })
  },
  devtool: config.build.productionSourceMap ? config.build.devtool : false,
  output: {
    path: config.build.assetsRoot,
    filename: utils.assetsPath('js/[name].[chunkhash]' + 'wxb' + Version + '.js'),
    chunkFilename: utils.assetsPath('js/[id].[chunkhash]' + 'wxb' +  Version + '.js'),
    publicPath: './', // 添加这一行配置
  },

在webpack打包的文件名配置这里加一个当前时间这样每次打包的文件名就会不一样

不一样在微信浏览器就会重新加载一下应该会解决大部分的白屏问题

自己的一个小说网站希望大家捧场
国卡小说网