Concat и Minify не работают / Gulp
У меня есть следующий код для объединения и минимизации моих .css файлов:
var gulp = require('gulp'),
concatCSS = require('gulp-concat-css'),
minifyCSS = require('gulp-minify-css'),
rename = require('gulp-rename'),
notify = require('gulp-notify'),
browserSync = require('browser-sync').create(),
reload = browserSync.reload,
autoprefixer = require('gulp-autoprefixer');
//Concat CSS
gulp.task('concat', function () {
return gulp.src('css/*.css')
.pipe(concatCSS('css/bundle.css'))
.pipe(rename('bundle.min.css'))
.pipe(minifyCSS('bundle.min.css'))
.pipe(gulp.dest('out/'));
});
//Watch HTML and reload
gulp.task('serve', function () {
// Serve files from the root of this project
browserSync.init({
server: {
baseDir: "./app"
}
});
browserSync.watch("app/*.html").on("change", reload);
});
//Default
gulp.task('default', ['serve', 'concat']);
Хотя Терминал не показывает ошибок, код для конкатенации и минимизации не работает.
Что я должен исправить, чтобы решить проблему? Структура моего проекта:
UPD!
В моем случае были некоторые синтаксические ошибки в файлах.css. Хорошо работает после их исправления и удаления minifyCSS, так как он больше не поддерживается.