vue build 緩存可以大大提高項目的構建速度,尤其是在項目變大的情況下。使用緩存可以避免每次構建時重新打包所有的文件,而只是重新編譯發生變化的文件,從而大幅度減少構建時間。
vue-cli 3.x 默認開啟了緩存。在使用vue-cli-service build
命令構建項目時,可以添加--no-cache
參數來關閉緩存。此外,還可以通過修改vue.config.js
文件來自定義配置緩存。
module.exports = { chainWebpack: config =>{ if (process.env.NODE_ENV === 'production') { config .plugin('cache') .use(require('webpack/lib/CachePlugin'), { cacheDirectory: path.resolve(__dirname, '.cache') }) } } }
上面的代碼片段展示了如何使用webpack/lib/CachePlugin
插件自定義配置緩存。這里設置cacheDirectory
參數為當前項目根目錄下的.cache
文件夾,用于存放緩存文件。需要注意的是,這個文件夾需要提前手動創建。
在實際開發中,建議開啟 vue build 緩存以提高構建速度。但如果您的代碼或配置有變更,可能需要手動清除緩存以保證構建結果正確。