首先在src根目錄下新建立乙個vue.config.js檔案，
其次在configurewebpack: config => {}裡面新增時間戳，
這樣每次打包生產的js檔案就會自動新增 【模組名稱.版本號.時間戳】
在該檔案裡面配置這段核心的 **，完整的**如：
function resolve(dir)
const timestamp = new date().gettime(); //當前時間為了防止打包快取不重新整理，所以給每個js檔案都加乙個時間戳
module.exports = ,
//configurewebpack 這部分打包檔案新增時間戳，防止快取不更新
configurewebpack: ,
},// css 相關選項
css: }`。
loaderoptions: {},
// 為所有的 css 及其預處理檔案開啟 css modules。
// 這個選項不會影響 `*.vue` 檔案。
modules: false
},// 在生產環境下為 babel 和 typescript 使用 `thread-loader`
// 在多核機器下會預設開啟。
parallel: require('os').cpus().length > 1,
// pwa 外掛程式的選項。
// 查閱
pwa: {},
// 配置 webpack-dev-server 行為。
// devserver: ,
configurewebpack: config =>
} else
},// 第三方外掛程式的選項
pluginoptions:
}
vue cli3專案優化
做公司後台，使用了vue cli3和heyui做為基礎搭建。對專案做過的優化記錄如下 a.配置多變數環境 通過在package.json 裡的scripts配置項中新增 mode 來選擇不同的環境。中可以通過process.env.node env變數來訪問。b.專案新建vue.config.js，...
Vue cli3 專案優化
vue 專案完成後，因匯入了大量的或體積較大的依賴包以及外掛程式，導致專案變得非常臃腫。下面通過幾個方面來優化頁面的使用者體驗以及提公升頁面的響應速度。在專案中安裝使用nprogress依賴項，使使用者獲得更好的使用者體驗。使用後會在頁面載入時出現頁面頂部的進度條。效果如下 匯入 nprogress...
Vue Cli3專案配置
二 全域性sass配置 三 全域性css配置 四 基礎元件的自動化全域性註冊總結 使用vue cli3構建乙個初始的vue專案 cli3官方文件 1 在 vue.config.js 裡面頂部 路徑依賴 const path require path 查詢檔案方法 const resolve dir ...