Gulp kompilieren CSS multiple src

Ich benutze Gulp, um meine bootstrap.less-Datei in eine bootstrap.css-Datei zu kompilieren. Alle Bootstrap-LESS-Dateien befinden sich in einem "less" -Ordner und alle CSS-Dateien befinden sich in einem CSS-Ordner. Alle bootstrap less-Dateien werden in bootstrap.less importiert und dann in bootstrap.css kompiliert. Allerdings habe ich eine custom.less-Datei, die sich im bootstrap LESS-Ordner befindet. Ich möchte in eine custom.css-Datei im CSS-Ordner kompilieren. Ich kann Gulp nicht dazu bringen, das zu tun. Hier ist mein Code.Gulp kompilieren CSS multiple src

var gulp  = require('gulp'); 
var less  = require('gulp-less'); 
var browserSync = require('browser-sync').create(); 

gulp.task('less', function() { 
return gulp.src(['./less/bootstrap.less', './less/custom.less']) 
    .pipe(less()) 
    .pipe(gulp.dest("./css")) 
    .pipe(browserSync.reload({stream: true})); 
}); 

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

     browserSync.init({ 
      server: { 
       baseDir: './' 
      } 
     }); 

gulp.watch('./less/*.less', ['less']); 
gulp.watch(['./**/*.html', './js/custom.js']).on('change', 
browserSync.reload); 

}); 

gulp.task('default', ['less', 'serve']);

Quelle

2017-01-07 mriccelli75

was, wenn Sie wie folgt tun: gulp.task ('weniger', function() { return gulp.src ([‘./ weniger/*. less '']) .pipe (weniger()) .pipe (gulp.dest ("./css/custom.css")) .pipe (browserSync.reload ({stream: true})); }); –

Würde das nicht alle meine weniger Dateien in custom.css pipen? Ich möchte alle boostrap.less Dateien in bootstrap.css kompilieren und custom.less separat in custom.css kompilieren. – mriccelli75

Was ich normalerweise mache, kompiliert alle .less oder. SCSS-Dateien in CSS-Ordner. Sie werden mit ein paar leeren Dateien enden (ein gutes Beispiel wären .less-Dateien, die Variablen enthalten), aber auf der anderen Seite können Sie eine Schluck-Aufgabe erstellen, um diese Dateien zu löschen. Ich verwende den folgenden Code zum kompilieren:

return gulp.src("Styles/scss/*.scss") 
    .pipe(sourcemaps.init()) 
    .pipe(sass()) 
    .pipe(sourcemaps.write('.')) 
    .pipe(gulp.dest("Styles/css")) 
    .pipe(reload({stream: true}));

Ich erzeuge auch sourcemaps hier, aber Sie können das entfernen. Wenn Sie möchten mehr Kasse this post here

hoffe, das hilft entdecken;)

Quelle

2017-01-14 14:39:01

Gulp kompilieren CSS multiple src

Antwort

Verwandte Themen