javascript - gulpfile.js - 任务不在 gulp 文件中错误

Question

下面是我当前的 Gulpfile.js ，当我尝试运行 gulp minify 时，我收到错误，“Task 'minify' is不在你的 gulpfile 中”。但是，我可以毫无问题地运行 gulp sass 。我还使用 npm 安装了每个模块。

module.exports = function(gulp) {
'use strict'

var sass = require('gulp-sass');
var browserSync = require('browser-sync');
var cssnano = require('gulp-cssnano');
var concat = require('gulp-concat');
var rename = require('gulp-rename');

gulp.task('sass', function() {
    return gulp.src('app/scss/**/*.scss')
        .pipe(sass())
        .pipe(gulp.dest('app/css'))
        .pipe(browserSync.reload({
            stream: true
        }))
});

gulp.task('minify', function() {
    return gulp.src('app/css/**/*.css')
        .pipe(cssnano())
        .pipe(concat('style.min.css'))
        .pipe(gulp.dest('app/css/min'))
        .pipe(browserSync.reload({
            stream: true
        }))
});

gulp.task('watch', ['browserSync', 'sass', 'cssnano'], function() {
    gulp.watch('app/scss/**/*.scss', ['sass']);
    gulp.watch('app/*.html', browserSync.reload);
    gulp.watch('app/js/**/*.js', browserSync.reload);

});

gulp.task('browserSync', function() {
    browserSync({
        server: {
        baseDir: 'app/'
        },
    })
})
}

Answer 1

您不应将 gulpfile.js 视为节点模块并删除以下部分

module.exports = function(gulp) {

(不要忘记删除 gulpfile.js 末尾的结束 curl (}))

然后，你应该需要 gulp

var gulp = require('gulp');

这应该使它运行顺利。

<小时/>

为什么它会运行你的gulp sass，我不知道。我刚刚在一个新目录中创建了一个简单的测试文件，它无法识别我的 sass 任务。也许您在某个时候全局安装了gulp、sass或两者(例如早期的项目)。