如何使用 libsass 而不是 ruby sass 在 Grunt 上使用指南针?
How to use compass on Grunt with libsass instead of ruby sass?
我们已经使用带有指南针和 grunt-contrib-sass 的 Ruby 版本的 sass 编译器很长一段时间了,但是速度很慢。
因为 libsass 比它的 Ruby pendant 快,我们用 grunt-sass.[=17 替换了 g运行t-contrib-sass =]
不幸的是,grunt-contrib-compass 的文档说:
This task requires you to have Ruby, Sass, and Compass >=1.0.1
installed
此外,当我 运行 我们的构建时,我得到:
Running "sass:dist" (sass) task
>> Error: File to import not found or unreadable: compass
>> Parent style sheet: src/assets/sass/catalog.scss
>> on line 15 of src/assets/sass/catalog.scss
>> >> @import "compass";
>> ^
Warning: Use --force to continue.
那么,如果 g运行t-contrib-compass 与 g运行t-sass 不兼容,那么我该如何将 compass 与 libsass 一起使用呢?
找到解决方案。就像安装 compass-importer:
一样简单
$ npm install --save-dev compass-importer
然后在Gruntfile.js
中设置importer: compass
我们已经使用带有指南针和 grunt-contrib-sass 的 Ruby 版本的 sass 编译器很长一段时间了,但是速度很慢。
因为 libsass 比它的 Ruby pendant 快,我们用 grunt-sass.[=17 替换了 g运行t-contrib-sass =]
不幸的是,grunt-contrib-compass 的文档说:
This task requires you to have Ruby, Sass, and Compass >=1.0.1 installed
此外,当我 运行 我们的构建时,我得到:
Running "sass:dist" (sass) task
>> Error: File to import not found or unreadable: compass
>> Parent style sheet: src/assets/sass/catalog.scss
>> on line 15 of src/assets/sass/catalog.scss
>> >> @import "compass";
>> ^
Warning: Use --force to continue.
那么,如果 g运行t-contrib-compass 与 g运行t-sass 不兼容,那么我该如何将 compass 与 libsass 一起使用呢?
找到解决方案。就像安装 compass-importer:
一样简单$ npm install --save-dev compass-importer
然后在Gruntfile.js
中设置importer: compass