运行gulp任务时没有从scss @import方法加载theme.json

Question

我试图将theme.json文件导入scss文件，并使用map-get方法映射scss文件中的所有json值。

下面是我试图编译到css中的代码：

​

gulp.task('sass', function() {
  console.log(util.env.type);
  var epub = gulp.src(['app/epubsource/themes/default/main.scss'])
    .pipe(compass({
      config_file: 'node_modules/gulp-compass/test/config.rb',
      sourcemap: true,
      css: 'app/epubsource/themes/default',
      sass: 'app/epubsource/themes/default'
    }))
    .pipe(gulp.dest('app/epubsource/themes/default/'))
    .pipe(reload({
      stream: true
    }));
    return mergeStream(epub);
});

​

下面是在main.scss文件中导入json的代码：

@导入"theme.json"；

顺便说一句，main.scss和theme.json都在同一个文件夹级别上。

下面是我遇到的错误：

LoadError on line ["54"] of C: cannot load such file -- sass-globbing
Run with --trace to see the full backtrace

events.js:141
      throw er; // Unhandled 'error' event
      ^
Error: Compass failed

请帮我摆脱这个问题。

Answer 1

1. 卸载所有sass和指南针依赖项并重新安装。
2. 现在在node_modules>test>config.rb中，添加一个依赖项'sass-json-vars‘，就像sass-globbing一样。
3. 现在，试着编译。就像一种魅力！