私の問題
を処理されていない私は、私が働いているこのプロジェクトのタスクランナーとしてがぶ飲みを使用してきました。私は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']);
});