vue項目打包文件增加hash值

vue-cli2項目

修改vue項目根目錄下的 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項目

filenameHashing配置

該配置用來配置打包生成的文件是否帶hash值后綴，該值默認為true，在模式為production的時候，打包出的js和css文件會自動添加hash值后綴。但是在當前模式為development的時候，就算該值為true，打包出的js文件不帶hash值(css文件仍然受該值控制)。這個時候我們該怎么給打包的文件增加hash值呢：

// vue.config.js

module.exports = {

chainWebpack: config => {

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。