zoukankan      html  css  js  c++  java
  • 解决Vue-cli3.0下scss文件编译过慢、卡顿问题

    在使用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配置,有可能也能解决问题。若各位有更好的方法,欢迎指出。

  • 相关阅读:
    初始JSON
    JS异步加载的三种方式
    JS之事件
    关于null == 0?返回false的问题
    JS之类型转换
    金融(一)
    使用var声明的变量 和 直接赋值并未声明的变量的区别
    POJ2594 Treasure Exploration
    POJ1422 Air Raid
    Codevs1922 骑士共存问题
  • 原文地址:https://www.cnblogs.com/twodog/p/12134766.html
Copyright © 2011-2022 走看看