javascript - Gulp task is not working -
i want minify , rename .css in folder (../dist/css), says there's error (you can see error in screenshot below).
var gulp = require('gulp'); var postcss = require('gulp-postcss'); var autoprefixer = require('autoprefixer'); var lost = require('lost'); var rucksack = require('rucksack-css'); var cssnano = require('cssnano'); var rename = require('gulp-rename');
gulp.task('css', function() { var plugins = [ autoprefixer({ browsers: ['last 2 version'] }), rucksack({ quantityqueries: false, alias: false, easings: false, inputpseudo: false }), lost ]; return gulp.src('app/styles/**/*.css') .pipe(postcss(plugins)) .pipe(gulp.dest('dist/css')); }); //========this part not working============
gulp.task('css-min', ['css'], function() { return gulp.src('app/styles/*.css') .pipe(cssnano()) .pipe(rename({suffix: '.min'})) .pipe(gulp.dest('dist/css')); });
gulp.task('watch', ['css', 'css-min'], function() { gulp.watch('app/styles/**/*.css', ['css']); }); gulp.task('default', ['watch']);

Comments
Post a Comment