2016-06-01 4 views
2

私の問題

を処理されていない私は、私が働いているこのプロジェクトのタスクランナーとしてがぶ飲みを使用してきました。私はsrcディレクトリにスクリプト、画像、アイコンなどのすべての資産を保存しています。私のイメージを圧縮し、JavaScriptを縮小し、私のHTMLを圧縮しました。その後、すべてをbuildディレクトリに送信します。これがサーバーにアップロードされます。すべてが今日まで働いています。ガルプが動作しているようだが、ビルドファイルは

問題はガルプが動作しているようだ。端末で正常に動作し、ビルドディレクトリを構築し、すべてのプロジェクトファイルとアセットがそこにある。しかし、処理のどれも行われていないようです。

私はビルドディレクトリを削除し、再び一息を実行している

  • 試してみた何:ガルプは、新しいビルドを作成し、すべてが動作しているようですが、ファイルのどれもが処理されていません。

  • npm uninstall、その後、npm install:私は多分私のすべての依存関係の新規インストールで問題が解決することをpossibliltyがあったと思った - しかし、ありません。

  • google:明らかに解決策を見つけようとしました。問題は私の問題に関連する質問を見つけられませんでした(私のappologiesがあれば)。

私の問題は、実際にはGulpがスリリングに失敗するという事実に由来しています。私はまったくエラーが出ませんが、明らかに何かが間違っています。

私の環境ところで...私は、Windows 10上で実行しているよ

何のサーバーを実行、または任意の継続的インテグレーション、またはブラウザさわやか、あるいはどのようなので、これまで他の自動化されたタスクはありません。私は単なるディレクトリにコードを書くだけです.Gulpはそのコードと資産を処理して、buildディレクトリに出力しています。

私が使用しているプラ​​グインは以下のとおりです。

  • 一気-autoprefixer

  • 一気-htmlmin

  • 一気-クリーンCSS

  • 一気-uglify

  • gulp-imagemi nは

  • 一気-削除-HTML-コメント

私が使用している唯一のパッケージマネージャがnpmなし亭または何か他のものです。

それははっきりしていない場合は、実際の質問

だから...なぜ私のプロジェクトをビルド飲み込むが、正しいファイルを出力していませんか?または、ファイルは正しいですが、何とか処理がスキップされていますか?

ありがとうございます!

他の情報については、これまでに何が必要なのかを喜んでお知らせします。しかし、エラーはないので、共有するログはありません。ここでgulpfile.js

var gulp = require('gulp'); 
var autoprefixer = require('gulp-autoprefixer'); 
var htmlmin = require('gulp-htmlmin'); 
var cleanCSS = require('gulp-clean-css'); 
var uglify = require('gulp-uglify'); 
var imagemin = require('gulp-imagemin'); 
var removeHtmlComments = require('gulp-remove-html-comments'); 


gulp.task('imagemin', function() { 
    return gulp.src(['src/**/**/*', '!src/images/**/*.db']) 
     .pipe(imagemin()) 
     .pipe(gulp.dest('build/')); 
}); 

gulp.task('minify-js', function() { 
    return gulp.src(['src/**/*.js']) 
    .pipe(uglify()) 
    .pipe(gulp.dest('build/')); 
}); 

gulp.task('minify-html', function() { 
    return gulp.src('src/**/*.html') 
    .pipe(removeHtmlComments()) 
    .pipe(htmlmin({collapseWhitespace: true})) 
    .pipe(gulp.dest('build/')) 
}); 

gulp.task('prefix', function() { 
    return gulp.src('./src/**/*.css') 
     .pipe(autoprefixer({ 
      browsers: ['last 2 versions'], 
      cascade: false 
     })) 
     .pipe(cleanCSS({compatibility: 'ie8'})) 
     .pipe(gulp.dest('build/')); 
}); 


gulp.task('default', ['prefix', 'minify-html', 'minify-js', 'imagemin'], function() { 
    gulp.watch(['src/css/*.css'], ['prefix']); 
    gulp.watch(['src/**/*.html'], ['minify-html']); 
    gulp.watch(['src/**/*js'], ['minify-js']); 
    gulp.watch(['src/images/**/*'], ['imagemin']); 
}); 

答えて

1

は、だから私は問題を自分で発見してしまったのです。

最初は、わたしのうんざりの仕事は明らかな理由がなくても再び働き始めたようです。私は何故1時間無駄に調査して無駄にしたのかと困惑しました。私は開発を進めました。

今日まで、ビルドは時にはうまくいくことがありました。

問題はimageminタスクにあります。 src/**/**/*src/images/**/*である必要があります。愚かな間違いは私のところではありますが、願わくはこれも同様の問題を抱えている誰かに役立ちます。

ビルドが時には時にはうまくいかない理由は、imageminタスクが最初に完了してから、他のタスクがうまく動作することがあるということでした。しかし、最後にimageminが終了した場合、このタスクは、srcのすべてのファイルで実行されていたので、以前のすべての処理を取り消しました。

関連する問題