Question

我是gulp的新人，我有一个问题，我不知道为什么。

我想用下面的代码缩小我的js和css，但只有当我将minify-js和minify-css调用为默认值时才有效。

Gulp看不行，我不知道为什么。

如果在手表运行时删除.min，他会创建.min文件，但是空了。我发现的所有问题都带有我的代码已经存在的解决方案。

        var css = [
            './css/estilo.css'
        ];

        var js  = [
            './js/app.js'       
        ];

        var gulp = require('gulp');
        var jsmin = require('gulp-jsmin');
        var rename = require('gulp-rename');
        var uglify = require("gulp-uglify");
        var concat = require("gulp-concat");
        var watch = require('gulp-watch');
        var cssmin = require("gulp-cssmin");
        var stripCssComments = require('gulp-strip-css-comments');

        gulp.task('minify-css', function(){
                 gulp.src(css)
                .pipe(stripCssComments({all: true}))
                .pipe(cssmin())
                .pipe(rename({suffix: '.min'}))
                .pipe(gulp.dest('./css/min/'));
        });

        gulp.task('minify-js', function () {
                 gulp.src(js)                        
                .pipe(jsmin())
                .pipe(rename({suffix: '.min'}))
                .pipe(gulp.dest('./js/min/'));        
        });

        gulp.task('default', function() {
            gulp.start('watch');

        });

        gulp.task('watch', function() {
            gulp.watch(js, ['minify-js']);
            gulp.watch(css, ['minify-css']);
        });

Answer 1

更改

    gulp.task('default', function() {
        gulp.start('watch');

    });

为：

    gulp.task('default', ['watch']);

这会将默认任务的依赖关系设置为watch，在调用默认值时运行watch。

此外，您可以运行gulp来开始观看文件，而不是运行gulp watch。如果您对./css/estilo.css或./js/app.js进行了更改，gulp会自动更改。

确保在编辑器中关闭安全写入（如果使用JetBrains this guide should work），并且已创建/css和/min目录。

gulp watch不要缩小

1 个答案: