vue項(xiàng)目打包文件增加hash值

vue-cli2項(xiàng)目

修改vue項(xiàng)目根目錄下的 build/webpack.prod.conf.js文件

js文件：

output: {

path: config.build.assetsRoot,

filename: utils.assetsPath('js/[name].[chunkhash].js'),

chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')

}

css文件：

plugins: [

new ExtractTextPlugin({

filename: utils.assetsPath('css/[name].[contenthash].css')

allChunks: true

})

]

vue-cli3項(xiàng)目

filenameHashing配置

該配置用來(lái)配置打包生成的文件是否帶hash值后綴，該值默認(rèn)為true，在模式為production的時(shí)候，打包出的js和css文件會(huì)自動(dòng)添加hash值后綴。但是在當(dāng)前模式為development的時(shí)候，就算該值為true，打包出的js文件不帶hash值(css文件仍然受該值控制)。這個(gè)時(shí)候我們?cè)撛趺唇o打包的文件增加hash值呢：

// vue.config.js

module.exports = {

chainWebpack: config => {

config.output.filename('assets/js/[name].[hash].js&

總結(jié)

以上是生活随笔為你收集整理的vue 计算文件hash值_vue项目打包文件增加hash值的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。