用webpack4开发时，使用 scss-loader 实时热更新样式加载慢，导致会有闪屏，求大大们支招!!!

Question

问题描述

最近在捣鼓 webpack4，配置参考 vue-cli，但是当实际开发的时候，因为方便，使用了 scss-loader 或者 stylus-loader。

• 在不使用 extract-text-webpack-plugin 的情况下，每次修改样式会实时更新，但是会出现几秒的闪屏，也就是样式没有加载上去
• 使用了 extract-text-webpack-plugin 之后，虽然不会闪屏了，但是不会实时更新样式，捣鼓了很久了，请求各位大佬们支招。

问题截图

Answer 1

检查下是不是因为babel-loader编译了第三方类库导致的，建议用下 webpack-bundle-analyzer,生成分析图看下是不是编译了哪些不需要的第三方库