gulp watch minifyしません

Question

私はgulpで新しく、なぜ私にはわからないという問題があります。

jsとcssを小さくしたい場合は、以下のコードで動作しますが、minify-jsとminify-cssをデフォルトに呼び出す場合にのみ動作します。

ガルプウォッチは動作しません。理由はわかりません。

watchを実行している.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を使用している場合は、安全な書き込みがオフになっており、/cssと/minディレクトリが作成されていることを確認してください。