jsonオブジェクトストリームのCSSファイルを作成するノード内にgulpを使用する

Question

これらの変数を使用するscssファイルと組み合わせてjsonオブジェクトの形式でsass変数のリストからCSS出力を生成するにはどうすればよいですか？

実際の流れは次のようになります。

json/object representation of sass variables + = combined .css file.scss file

json-sassを試してみましたが、その代わりに、単純なSASS変数を使用することはできませんサスマップを生成します。

最後にここで実際の部品ではなくゴクゴクプロセスgulp.src(['some.json','some.scss'])でJSONファイルのユーザーに変更JSONオブジェクトを使用する方法、

$someColor: green; 
$someObject-someKey: 45px; 

に

{ 
    "someColor": "green", 
    "someObject" : { 
    "someKey" : "45px" 
    } 
} 

を変換gulp-json-sassが来てしまいました？

Answer 1

これは、上記の機能がストリームに文字列を変換するために使用されるobj

function streamifyText(text) { 
    var s = new stream.Readable(); 
    s._read = function noop() {}; 
    s.push(text); 
    s.push(null); 
    return s; 
} 

という名前の変数にあなたのJSON文字列を割り当てたと仮定しています。実装に関する

gulp.task('sass', function() { 

    var combinedStream = CombinedStream.create(); 
    combinedStream.append(streamifyText(JSON.stringify(obj)).pipe(vinylSourceStream('anyName.json'))); 
    combinedStream.append(fs.createReadStream('./some.scss').pipe(vinylSourceStream('anyName.scss'))); 

    combinedStream 
     .pipe(vinylBuffer()) 
     .pipe(gulpJsonSass({sass: false})) 
     .pipe(gulpConcat('combined.scss')) 
     .pipe(gulpSass().on('error', gulpSass.logError)) 
     .pipe(gulp.dest('out/')); 
}); 

詳細はこちらです -

https://gist.github.com/midhunanew/338a4bb3adce51ab29387dbe5156718a