鍍金池/ 問答/HTML5  HTML/ 用webpack4開發(fā)時，使用 scss-loader 實時熱更新樣式加載慢，導(dǎo)

用webpack4開發(fā)時，使用 scss-loader 實時熱更新樣式加載慢，導(dǎo)致會有閃屏，求大大們支招!!!

問題描述

最近在搗鼓 webpack4，配置參考 vue-cli，但是當(dāng)實際開發(fā)的時候，因為方便，使用了 scss-loader 或者 stylus-loader。

  • 在不使用 extract-text-webpack-plugin 的情況下，每次修改樣式會實時更新，但是會出現(xiàn)幾秒的閃屏，也就是樣式?jīng)]有加載上去
  • 使用了 extract-text-webpack-plugin 之后，雖然不會閃屏了，但是不會實時更新樣式，搗鼓了很久了，請求各位大佬們支招。

問題截圖

圖片描述

回答
編輯回答
別傷我

檢查下是不是因為babel-loader編譯了第三方類庫導(dǎo)致的，建議用下 webpack-bundle-analyzer,生成分析圖看下是不是編譯了哪些不需要的第三方庫

2017年6月11日 07:22