1.使用緩存 轉摘文章
優化項目其中佔大部分的有 eslint-loader和vue-loader 若是項目文件過可能是 項目啓動eslint檢查和加載耗時過長 致使啓動時間動不動就幾分鐘
解決問題的方式有 幹掉eslint,簡單粗暴 這不是一種友好的解決方案因此考慮的最多的是進行緩存
這就不得不說到到plugins 中的 hard-source-webpack-plugin 這插件爲模塊提供中間緩存步驟,使用緩存的時候 也每每意味了可能會出現緩存問題,適當作些預防 非友好的緩存帶來的不良體驗
(1)不使用hard-source-webpack-plugin 使用vue-cli自帶的配置vue
chainWebpack: (config) => { config.cache(true) }
(2)使用hard-source-webpack-pluginwebpack
npm i hard-source-webpack-plugin -D
chainWebpack: (config) => { config.plugin('cache').use(HardSourceWebpackPlugin) }
做者:xiao旭,轉載請註明原文連接:web