私は gulp 4 に移行しようとしてうんざりしています。それを行うのにほぼ 2 日を無駄にしました.... 新しい関数 API、シリーズ、パラレルについて読みました。以前のすべてのパッケージを完全にアンインストールし、gulp 4 をローカルに、gulp-cli をグローバルにインストールしました。
私のコンソールが表示されます
[17:17:07] CLI version 2.0.1
[17:17:07] Local version 4.0.0
これが私のgulpfile.jsです(gulp.taskなしで関数を記述しようとしましたが、単純な名前付き関数宣言を使用してから、「exports.funcName = funcName」を実行しました)
var gulp = require("gulp"),
browserSync = require("browser-sync"),
cssNano = require("cssnano"),
sass = require("gulp-sass"),
plumber = require("gulp-plumber"),
gutil = require("gulp-util"),
uglifyJs = require("gulp-uglify-es").default,
rename = require("gulp-rename"),
pug = require("gulp-pug"),
concat = require("gulp-concat");
gulp.task('server', gulp.series( (done) => {
browserSync.init({
server: "./",
notify: false
});
done();
}));
gulp.task('pug', gulp.series( () => {
gulp.src('pug/pages/*.pug')
.pipe(pug({
pretty: true
}))
.pipe(gulp.dest('./'));
}));
gulp.task('sass', gulp.series( () => {
return gulp.src('sass/*.+(sass|scss)')
.pipe(plumber(function(error) {
gutil.log(error.message);
this.emit('end');
}))
.pipe(sass())
.pipe(gulp.dest('css/'))
.pipe(browserSync.reload({stream:true}))
}));
gulp.task('uglify', gulp.series( function() {
return gulp.src(['js/*.js', '!js/*.min.js'])
.pipe(uglifyJs())
.on('error', function (err) {
console.error('Error in js task', err.toString());
})
.pipe(rename(function(path) {
path.basename += ".min"
}))
.pipe(gulp.dest('js/'))
.pipe(browserSync.reload({ stream: true }));
}));
gulp.task('compress', gulp.series('uglify', () => {
return gulp.src(['js/*.min.js', '!js/all.min.js'])
.pipe(concat('all.min.js'))
.pipe(gulp.dest('js/'))
}));
gulp.task('watch', gulp.series('server', function () {
gulp.watch('*.html', browserSync.reload);
gulp.watch('sass/*.+(sass|scss)', ['sass']);
gulp.watch('js/*.js', ['js']);
}));
gulp.task('default', watch);
とにかく、常にエラーが発生します..... ReferenceError: 時計が定義されていないか、何らかの種類のアサーションエラーが発生します
助けてください....