Node.js gulp 4,如何让我的gulpfile.js工作?
我讨厌尝试迁移到吞咽4,我浪费了将近2天的时间。。。。 我读了一些关于新函数API,关于串行,并行。我彻底卸载了以前的所有软件包,在本地安装了gulp 4,在全局安装了gulp cli 我的控制台显示Node.js gulp 4,如何让我的gulpfile.js工作?,node.js,gulp-4,Node.js,Gulp 4,我讨厌尝试迁移到吞咽4,我浪费了将近2天的时间。。。。 我读了一些关于新函数API,关于串行,并行。我彻底卸载了以前的所有软件包,在本地安装了gulp 4,在全局安装了gulp cli 我的控制台显示 [17:17:07] CLI version 2.0.1 [17:17:07] Local version 4.0.0 这是我的gulpfile.jsi,我也尝试过描述不带gulp.task的函数,但使用简单的命名函数声明,然后执行exports.funcName=funcName va
[17:17:07] CLI version 2.0.1
[17:17:07] Local version 4.0.0
这是我的gulpfile.jsi,我也尝试过描述不带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:未定义监视 或任何形式的 断言错误
请帮忙……这真是stackoverflow的魔力。我在创建问题后5-15分钟内找到解决方案: Solidion对我来说是在将watch task改写为以下格式:
gulp.task('watch', gulp.series('server'));
function watch () {
gulp.watch('*.html', browserSync.reload);
gulp.watch('sass/*.+(sass|scss)', sass);
};
ReferenceError:对象上未定义监视。C:\Users\аПааааааааааааааааааааааааааааааFunction.Module.\u在Module.require internal/modules/cjs/loader.js:530:3处加载internal/modules/cjs/loader.js:637:17