2016-08-02 83 views
0

我新的一口氣,我有一個問題,我不知道爲什麼。gulp手錶沒有minify

我想縮小我的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']); 
     }); 

回答

0

變化

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目錄。

+0

觸發器的工作,他創建estilo.min.css,但他空了,並回答可能的下一個問題,是的,當他默認的功能,只是看看不工作,他縮小。 –

+0

他在正確的位置創建了文件,只是當文件看到它的運行時空了,並且觸發了它的激活 –

+1

我重新創建了你的設置並運行了gulp文件,它工作正常。所以這聽起來像你在你的CSS中有一個錯誤,導致出現問題。爲了確保,你可以刪除'estilo.css'中的所有內容,並用'body {color:red}'這樣簡單的東西替換它。開始你的吞嚥手錶並將'red'改爲'blue'。現在是否按照您的預期進行編譯? – MadScone