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

  • 相关阅读:
    JAVA面试——设计模式
    CSS清除浮动
    CSS外边距
    baidu-ife
    笔记一则
    Atom
    校园网认证
    四月甘九-省
    Python sys.argv[]用法
    Python模块导入的方法
  • 原文地址:https://www.cnblogs.com/twodog/p/12134766.html
Copyright © 2011-2022 走看看