生成多個樣式表來吞噬

Question

我想運行一個任務gulp生成更多的樣式表。所有都是平等的只會改變其中一個包含不同變量值的進口。

| -- src/ 
    | -- less/ 
      | -- colors/ 
       |-- blue.less 
       |-- red.less 
      | -- main.less 
| -- dist/ 
    | -- css/ 
      | -- blue.css 
      | -- red.css 

的main.less文件看起來像這樣：

@import <color> 

/* more code... */ 

凡應改爲：red.less，blue.less ...

一旦所做的相應導入應生成css文件：red.css,blue.cs小號 ...

Answer 1

我用了一個循環，但如果它是最好的解決辦法：

gulp.task('less', function() { 
 
    for (var color in data.colors) { 
 
     gulp.src(['src/less/colors/' + data.colors[color] + '.less', 'src/less/reason.less']) 
 
     .pipe(concat('style-' + data.colors[color] + '.less')) 
 
     .pipe(less({ 
 
      paths: [path.join(__dirname, 'src', 'less')], 
 
      plugins: [autoprefix, cleancss] 
 
      
 
     })) 
 
     .pipe(gulp.dest(path_css)); 
 
    } 
 
});