JSONからSCSSへのデータの解析

Question

JSONデータをSCSSに送ることは可能ですか？

現在、jadeをテンプレートエンジンとして使用しています。jsonファイルのデータを使用して、gulp-dataを使用して達成しています。

gulp.task('partials', function() { 
    "use strict"; 

    return gulp.src(['dev/templates/*.jade', '!dev/templates/partials/**/*.jade']) 

    .pipe(data(function (file) { 
     return JSON.parse(
     fs.readFileSync('./dev/data/globals.json') 
    ); 
    })) 

    .pipe(jade({ 
     pretty: true 
    })) 

    .pipe(gulp.dest('dev/')) 

    // Notify browserSync 
    // to refresh 
    .pipe(browserSync.reload({ 
     stream: true 
    })); 
}); 

そして、このようなJSONファイルからのデータを使用して：：＃{} example.test.name

は同じものを使用することが可能です

マイ一気タスクは以下のとおりです。 SCSSで？

Answer 1

SCSSだけでJSONを直接処理する方法はありません。既にGulpを使用しているので、eyeglassまたはsassportなどのサードパーティツールを使用して、JSONをSCSSハッシュに変換できます。利用可能な別のツールはjson-sassで、スタンドアロンで使用できます。

あなたはがぶ飲みを使用していない場合は、あなたが宝石ベースのコンバータに頼らなければならないだろうが、彼らは積極的に維持されていないようです：

• https://github.com/vigetlabs/sass-json-vars
• https://github.com/HugoGiraudel/SassyJSON