vue項目webpack編譯緩存cache-loader


問題:隨着業務代碼不斷增加,項目深度不斷延伸,我們的構建時長也會因此不斷增加。漸漸的vue項目編譯時間變長

##優化方法

一些性能開銷較大的 loader 前面添加 cache-loader,將結果緩存在磁盤中減少編譯時間

安裝:

一、   
npm install --save-dev cache-loader
##vue2.0項目
/*webpack.base.conf.js */
  {
        test: /\.js$/,
        use: ['cache-loader', 'babel-loader'],
        include: path.resolve('src')
      },

二、緩存文件依賴

npm i hard-source-webpack-plugin -D
/*webpack.base.conf.js  */
const HardSourceWebpackPlugin = require('hard-source-webpack-plugin')
三、提升效果
***添加緩存后
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM