gruntjs - 填充 .scss 文件时缓慢的 Grunt 和指南针

Question

只有一个关于用 Grunt 和 compass 填充 .scss 文件的问题。在填满它的时候，我注意到它有点慢。我怎么解决这个问题？谢谢你的帮助

Answer 1

使用 Sass 工作流程时，编译时间缓慢有几个原因。

1. 导入过多：如果您在许多 _scss 文件上使用大量动态导入（即 Sass Globbing），则可能会减慢 Sass，因为 Ruby 正在执行大量计算。您可能必须一起杀死 Sass Globbing 并手动导入单个 _scss 文件，这样会更好。
2. 编译太多文件：如果您已将项目配置为生成多个样式表（即：无查询，不同的布局），这将真正阻塞您的编译时间。
3. Ruby 很慢：我运行的是 Windows，所以众所周知，Ruby 比 *nix 系统和 Mac 慢。如果 Ruby 已过时，请更新它。
4. 您的 .sass-cache 不温暖：编译代码时应该有一个 .sass-cache 文件夹。如果不是出于某种奇怪的原因，那么 Sass 将是第一次，每次都生成。
5. 禁用 Compass（技术上，Ruby）：如果你不是完全依赖 Compass（即你没有使用 Singularity/Susy，没有使用 Globbing 或 Source Maps），那么你真的不需要它。为 LibSass 报废它，可以通过npm install --save-dev grunt-sass. 您可以使用 Bourbon + Bitters 作为指南针的替代品。LibSass 速度快如闪电，所以如果速度是优先考虑的因素，请进行切换。