1. 程式人生 > >vue.js編譯時給生成的檔案增加版本號

vue.js編譯時給生成的檔案增加版本號

    vue.js在生成相關js和css檔案的時候,名稱是通過HASH的方式進行生成的,但是每次生成的檔案基本都是一樣的,那麼瀏覽器就會快取這些檔案,為了在更新的時候能夠保證js和css檔案能夠更新,那麼我們需要針對webpack的配置檔案進行修改;

開啟webpack.prod.conf.js檔案進行如下操作

1.增加版本變數(版本號暫時用時間代替)

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

2.修改要生成的js和css檔案的配置項,把剛剛宣告的版本拼接進要生成的檔名中;

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

3.執行編譯命令npm run build 即可生成帶版本號的js和css檔案,開啟dist目錄就可以看到效果了;