欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue.js編譯時(shí)給生成的文件增加版本號(hào)

 更新時(shí)間：2018年09月17日 09:53:44   作者：至尊寶z紫霞  
這篇文章主要介紹了vue.js編譯時(shí)給生成的文件增加版本號(hào)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

vue.js在生成相關(guān)js和css文件的時(shí)候，名稱是通過HASH的方式進(jìn)行生成的，但是每次生成的文件基本都是一樣的，那么瀏覽器就會(huì)緩存這些文件，為了在更新的時(shí)候能夠保證js和css文件能夠更新，那么我們需要針對(duì)webpack的配置文件進(jìn)行修改；

打開webpack.prod.conf.js文件進(jìn)行如下操作

1.增加版本變量（版本號(hào)暫時(shí)用時(shí)間代替）

var Version = new Date().getTime();

2.修改要生成的js和css文件的配置項(xiàng)，把剛剛聲明的版本拼接進(jìn)要生成的文件名中；

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

3.執(zhí)行編譯命令npm run build 即可生成帶版本號(hào)的js和css文件，打開dist目錄就可以看到效果了;

ps：vue 用webpack打包文件名添加版本號(hào)

因?yàn)g覽器緩存原因?qū)е聉ue 打包的文件 導(dǎo)致偶爾會(huì)出現(xiàn)不能即使更新最新代碼。因此在打包的文件名中添加一個(gè)版本號(hào)以便瀏覽器能區(qū)分。

解決方法：找到webpack .prod.conf.js

1.定義版本變量： const  Version = new Date().getTime(); // 這里使用的是時(shí)間戳 來區(qū)分 ，也可以自己定義成別的如：1.1

2.修改要生成的js和css文件的配置項(xiàng)，把剛剛聲明的版本拼接進(jìn)要生成的文件名中；

 output: {

    path: config.build.assetsRoot,

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

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

  },

然后直接 npm run build 打包后 就可以看到dist 文件里的js 文件名帶上里版本號(hào)

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論