2016-07-01 1 views
0

SPAアプリケーションのスタイルを調和させる目的で、JSONファイルにsommeスタイル変数を定義し、それは私のLess compilationにあります。2つのvinyl-fsをgulpとマージして、部分的な事前コンパイルタスクから一時ファイルを作成しない方法

gulp.src('variables.json') 
    .pipe(function() { 
     // process to create a less file from json 
    }) 
    .pipe(gulp.dest('less/_variable.json.less')) 
    .on('end', function(){ 
     gulp.src(['less/*.less', '!less/_*.less']) 
      .pipe(plugins.less()) 
      .pipe(gulp.dest('css')) 
    }); 

少ない中:

@import "_variables.json.less"; 
// Other things 

は、IS-それが少なく、コンパイルを行う前に、中間ファイルを作成せずにそれを行うことが可能

基本的には次のように動作することができますか? 最初のタスクの結果とLessソースを同じビニールにマージして、Less compilationを行うことは可能ですか?

よろしくお願いいたします。

+1

これは、ガルプの中の何かを「マージする」問題ではありません。 'less'はデフォルトで' @ import'文をファイルシステムに解決します。 ['less'プラグイン](http://lesscss.org/usage/#plugins)を書いて、[' FileManager'](https://github.com/less/less.js/blob)を提供する必要があります/master/lib/less/environment/file-manager-api.js)、ファイルシステムの代わりに 'vinyl'ストリームからファイルを読み込みます。同様のことは、 'npm-import'と' bower-resolve'プラグインによって実行されます。 –

答えて

0

ありがとうsven-schoenungにコメントしてください。しかし、私は今Lessプラグインの開発を開始したくありません... だから、私は別のアプローチを採用しました。私は、より少ないファイルを事前処理して、@json-import指示にマッチするgulpプラグインを開発し、vinyl Lessファイルに生成変数を挿入しました。

うまくいくようです。だからNPMに掲載しました。

https://www.npmjs.com/package/gulp-less-json-import

関連する問題