解决Vue-cli3.0下scss文件编译过慢、卡顿问题

vue

在使用Vue-cli 3.0构建的项目中，可能存在项目编译过慢的问题，具体表现在编译时会在某一进度比如40%时停顿，等好一会儿才能够编译完成。这使得浏览器中的实时预览也会卡顿，不利于我们快速查看效果，大大降低了我们的开发速度，即便是只修改了一个字。

经本人测试，容易导致该问题的一种常见原因是：

scss文件的嵌套导致。

解决方案是：

在main.js文件中分别引入多个scss样式文件，避免将多个scss文件合并后引入。

举例：

我们把reset.scss、custom.scss、variable.scss三个样式文件使用@import语句引入了app.scss，最后在main.js中引入了app.scss。

这时出现编译卡顿情况，可以改为：

在main.js中使用三条import语句分别引入reset.scss、custom.scss、variable.scss三个样式文件。

另外：本人推测，修改vue-cli3.0的loader配置，有可能也能解决问题。若各位有更好的方法，欢迎指出。