Question

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

以下是我尝试编译为css的代码：

＆＃13;

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);
});

＆＃13;

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

@import＆＃34; theme.json＆＃34 ;;

BTW，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

卸载所有sass和指南针依赖项并重新安装。
现在在node_modules＆gt; test＆gt; config.rb中，添加一个依赖项'sass-json-vars'，如sass-globbing。
现在，尝试编译。这就像一个魅力！

在运行gulp任务时，不会从scss @import方法加载theme.json

1 个答案: