任务“default”不在gulpfile中

bnlyeluc  于 2022-12-08  发布在  Gulp
关注(0)|答案(5)|浏览(203)

我在控制台中运行Gulp时出现以下错误:
任务“默认”不在您的gulpfile中
我的吞咽档案看起来很好:

var gulp = require('gulp'),
    LiveServer = require('gulp-live-server'),
    browserSync = require('browser-sync');

gulp.task('live-server', function () {
    var server = new LiveServer('server/main.js');
    server.start();
});

gulp.task('serve', ['live-server'], function () {
    browserSync.init(null, {
        proxy: "http://localhost:3000",
        port: 9001
    });
});
oewdyzsn

oewdyzsn1#

当你在控制台中运行gulp时,它会寻找一个默认的任务来运行。你只定义了live-serverserve作为任务。
要解决定义默认任务的问题,可以添加实际要作为依赖项运行的任务,如下所示:

gulp.task( 'default', [ 'serve' ] )

现在,如果你运行gulp,它将运行default任务,而default任务又会运行serve任务。或者,你可以只运行gulp serve,它也会运行。

pdkcd3nj

pdkcd3nj2#

请将此包含在您的gulp文件中。

gulp.task('default', ['serve']);

希望这能帮上忙。

jpfvwuh4

jpfvwuh43#

创建默认任务并添加要在默认情况下运行的任务:

gulp.task("default", function () {
  gulp.start("serve");
});
t3irkdon

t3irkdon4#

我也遇到过类似的问题,这是我的吞咽档案

而不是有一个“默认”任务,我所做的是直接调用“服务”任务。
在指令中-〉gulp serve
通过直接调用服务器,它将为我调用浏览器同步任务。
希望这对某人有帮助:)

rn0zuynd

rn0zuynd5#

这是我以前的...

'use strict';

var gulp = require('gulp');
var concat = require('gulp-concat');
var cssmin = require('gulp-cssmin');
var uglify = require('gulp-uglify');
var merge = require('merge-stream');
var bundleConfig = require('./bundleconfig.json');

const REGEX = {
    css: /\.css$/,
    js: /\.js$/
};

gulp.task('min:js', async function () {
    merge(getBundles(REGEX.js).map(bundle => {
        return gulp.src(bundle.inputFiles, { base: '.' })
            .pipe(concat(bundle.outputFileName))
            .pipe(uglify())
            .pipe(gulp.dest('.'));
    }))
});

gulp.task('min:css', async function () {
    merge(getBundles(REGEX.css).map(bundle => {
        return gulp.src(bundle.inputFiles, { base: '.' })
            .pipe(concat(bundle.outputFileName))
            .pipe(cssmin())
            .pipe(gulp.dest('.'));
    }))
});

const getBundles = (regexPattern) => {
    return bundleConfig.filter(bundle => {
        return regexPattern.test(bundle.outputFileName);
    });
};

gulp.task('minify', gulp.series(['min:js', 'min:css']));

之后,只需将最后一行更改为“default”smh

'use strict';

var gulp = require('gulp');
var concat = require('gulp-concat');
var cssmin = require('gulp-cssmin');
var uglify = require('gulp-uglify');
var merge = require('merge-stream');
var bundleConfig = require('./bundleconfig.json');

const REGEX = {
    css: /\.css$/,
    js: /\.js$/
};

gulp.task('min:js', async function () {
    merge(getBundles(REGEX.js).map(bundle => {
        return gulp.src(bundle.inputFiles, { base: '.' })
            .pipe(concat(bundle.outputFileName))
            .pipe(uglify())
            .pipe(gulp.dest('.'));
    }))
});

gulp.task('min:css', async function () {
    merge(getBundles(REGEX.css).map(bundle => {
        return gulp.src(bundle.inputFiles, { base: '.' })
            .pipe(concat(bundle.outputFileName))
            .pipe(cssmin())
            .pipe(gulp.dest('.'));
    }))
});

const getBundles = (regexPattern) => {
    return bundleConfig.filter(bundle => {
        return regexPattern.test(bundle.outputFileName);
    });
};

gulp.task('default', gulp.series(['min:js', 'min:css']));

相关问题