Gulp compile CSS multiple src

Я использую Gulp для компиляции файла bootstrap.less в файл bootstrap.css. Все файлы LAST для начальной загрузки находятся в папке «меньше», и все файлы CSS находятся в папке CSS. Все файлы с загрузочным файлом меньше @ import'd в bootstrap.less, а затем этот файл скомпилирован в bootstrap.css. Однако у меня есть один файл custom.less, который находится в папке LESS начальной загрузки. Я хотел бы скомпилировать файл custom.css в папке CSS. Я не могу заставить Gulp сделать это. Вот мой код.Gulp compile 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']);

источник

2017-01-07 mriccelli75

что, если вы, как это: gulp.task ('меньше', функция() { возврату gulp.src ([»./ меньше/*. less '']) .pipe (less()) .pipe (gulp.dest ("./ css/custom.css")) .pipe (browserSync.reload ({stream: true}))); }); –

Разве это не все мои файлы в custom.css? Я хочу скомпилировать все файлы boostrap.less в bootstrap.css и отдельно скомпилировать custom.less в custom.css. – mriccelli75

Что я обычно делаю, это скомпилировать все .less или .scss-файлы в папку css. Вы получите несколько пустых файлов (хорошим примером могут быть файлы без содержания, содержащие переменные), но с другой стороны вы можете создать задачу gulp, чтобы очистить эти файлы. Я использую следующий код для компиляции:

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

Я также генерирую исходные коды здесь, но вы можете удалить их. Если вы хотите узнать больше Checkout this post here

Надеется, что это помогает;)

источник

2017-01-14 14:39:01

Gulp compile CSS multiple src

ответ

Смежные вопросы