theme.jsonはgulpタスクを実行しているときにscss @importメソッドからロードしていません

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をインポートするためのコードです：

@import「テーマ.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とCompassの依存関係をアンインストールして再インストールしました。

2. ここでnode_modules> test> config.rbに、sass-globbingのような依存関係 'sass-json-vars'を追加します。

3. 今、コンパイルしてみてください。それは魅力のように機能します！