Concat和Minify不工作/ Gulp

时间:2016-04-05 20:44:10

标签: gulp gulp-concat gulp-minify-css

我有以下代码来连接和缩小我的 .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']);

虽然终端显示没有错误,但串联和缩小的代码不起作用。

我应该解决什么问题? 我项目的结构:

enter image description here

UPD!

就我而言,.css文件中存在一些语法错误。在纠正它们并删除 minifyCSS 之后运行良好,因为它不再受支持。

0 个答案:

没有答案