从grunt指南针切换到libsass时出错

Question

我正在努力从grunt-contrib compass转到grunt。但是，我发现libsass编译器在处理main.scss文件中的一些导入时失败了。

这是main.scss

@import "breakpoint";
@import "compass/css3";
@import "compass/css3/user-interface";
@import "compass/css3/transform";
@import "compass/utilities/general/clearfix";

下面是运行sass任务时抛出的错误：

file to import not found or unreadable: breakpoint
Current dir: example/styles/
Line 1  Column 9  example/styles/main.scss

有谁熟悉从compass到libsass的转换，知道有没有我可以替代的这些导入的等价物？

Answer 1

您需要更新breakpoint的导入路径以指向_breakpoint.scss所在的位置。

grunt-contrib compass有一个importPath选项(例如importPath: '/bower_components' )，它

使Sass的@import指令可以找到指定文件夹下的文件

由于该文件已从gruntfile文件中删除，因此现在应该使用完整路径来导入它：

@import "/bower_components/breakpoint/breakpoint";

编辑导入: libsass有一个类似的选项'loadPath‘，它使用一个路径数组来搜索@文件。

grunt.initConfig({
  libsass: {
    options: {
      loadPath: ['my/load/path']
    },
    files: {[
        {
            expand: true,
            cwd: 'my/src/dir',
            src: ['**/*.scss'],
            dest: 'dist',
            ext: '.css'
        }
    ]},
  }});

libsass的新配置将包括

如果您选择不这样做，您将需要全局安装断点，就像对compass所做的那样。

gem "breakpoint", "~>2.4.0"