vue 用webpack打包檔名新增版本號

2021-08-22 11:42:09 字數 338 閱讀 2059

因瀏覽器快取原因導致vue 打包的檔案 導致偶爾會出現不能即使更新最新**。因此在打包的檔名中新增乙個版本號以便瀏覽器能區分。

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

1.定義版本變數: const  version = new date().gettime(); // 這裡使用的是時間戳 來區分 ,也可以自己定義成別的如:1.1 

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

output: ,
然後直接 npm run build 打包後 就可以看到dist 檔案裡的js 檔名帶上裡版本號

webpack打包 vue檔案

在webpack中配置.vue元件頁面的解析 vue loader 1 執行npm i vue s將vue安裝為執行依賴 2 運cnpm i vue loader vue template compiler d將解析轉換vue的包安裝為開發依賴 3 執行npm i style loader css ...

webpack 打包檔案 vue 過大

在 build webpack.base.conf.js 檔案裡加上 externals 不需要打包的檔案就放寫在這裡,然後在 index.html 外連上這些庫 順便記錄乙個連線後面加入版本號 在 webpack.prod.conf.js 檔案裡 自己獲取乙個時間加在後面就可以了 官方 impor...

Vue工程模板檔案 webpack打包

1 github 2 webpack配置 1 基礎配置webpack.base.config.js const path require path 處理共用 通用的js const webpack require webpack css單獨打包 const extracttextplugin req...