gulp watch not minify

Question

i new with 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']); 

Это позволит установить зависимость исходную задачу как часы, часы работы, когда вызывается по умолчанию.

Кроме того, вместо запуска gulp вы можете запустить gulp watch, чтобы начать просмотр ваших файлов. Если вы внесете изменения в ./css/estilo.css или ./js/app.js, gulp изменит его автоматически.

Убедитесь, что безопасная запись отключена в вашем редакторе (если вы используете JetBrains this guide should work), и создаются каталоги и /min.