vuecli2 vuecli3去除打包後靜態資源文件名的hash值

vuecli2:

修改vue項目根目錄下的  build/webpack.prod.conf.js文件==》

js模塊：

output: {
  path: config.build.assetsRoot,
  filename: utils.assetsPath('js/[name].[chunkhash].js'),==》utils.assetsPath('js/[name].js?t=[chunkhash]')
  chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')==》utils.assetsPath('js/[id].js?t=[chunkhash]')
}
 

css模塊：

plugins: [

new ExtractTextPlugin({

  filename: utils.assetsPath('css/[name].[contenthash].css'),==》utils.assetsPath('css/[name].css?t=[contenthash]')

  allChunks: true,

})

]

 

vuecli3

在vue.config.js文件中配置：

module.exports = {
    chainWebpack: config => {
        if (process.env.NODE_ENV === 'production') {
            config.output.filename('js/[name].js').end();
            config.output.chunkFilename('js/[name].js').end();
            // 修改生產配置
            config.plugin('extract-css').tap(args => [{
                    filename: `css/[name].css`,
                    chunkFilename: `css/[name].css`
                }])
        }
    },
}