Gulp 3.9到4迁移

时间:2019-08-27 08:24:50

标签: gulp-4

我知道这个问题已经被问过很多次了,但是没有一个答案能帮助我解决将gulp 3迁移到4的问题。我们不一定要升级到gulp的版本4,而是从10到12迫使我们这样做,因为Node.js 12不再支持gulp 3。这只是我们构建过程中的2个文件,我认为仅凭这些文件就可以了解问题所在,但我可以根据需要添加其他文件。为了简洁起见,我还删除了大多数功能的内容。

// gulpfile.js

'use strict';

var gulp = require('gulp');
var wrench = require('wrench');

/**
 *  This will load all js or coffee files in the gulp directory
 *  in order to load all gulp tasks
 */
wrench.readdirSyncRecursive('./gulp').filter(function (file) {
    return (/\.(js|coffee)$/i).test(file);
}).map(function (file) {
    require('./gulp/' + file);
});


/**
 *  Default task clean temporaries directories and launch the
 *  main optimization build task
 */
//gulp.task('default', ['clean'], function () {      <-- Original line, worked in gulp 3.9
function main(done)
{
    gulp.start(build);
    done();
}
exports.default = gulp.series(clean, main);

另一个文件:

// build-dev.js

'use strict';

var path = require('path');
var gulp = require('gulp');
var conf = require('./conf');

var $ = require('gulp-load-plugins')({
    pattern: ['gulp-*', 'main-bower-files', 'uglify-save-license', 'del']
});

//gulp.task('html-dev', ['inject'], function () <-- Original line, worked in gulp 3.9
function htmlDev()
{
    // Removed for brevity...
}
exports.htmlDev = gulp.series(exports.inject, htmlDev);     <-- this is the line that fails

//gulp.task('fonts-dev', function () <-- Original line, worked in gulp 3.9
function fontsDev()
{
    // Removed for brevity...
}
exports.fontsDev = fontsDev;

//gulp.task('other-dev', function () <-- Original line, worked in gulp 3.9
function otherDev()
{
    // Removed for brevity...
}
exports.otherDev = otherDev;

//gulp.task('clean', function () <-- Original line, worked in gulp 3.9
function clean()
{
    // Removed for brevity...
}
exports.clean = clean;

//gulp.task('build:dev', ['html-dev', 'fonts-dev', 'other-dev']); <-- Original line, worked in gulp 3.9
exports.buildDev = gulp.series(exports.htmlDev, fontsDev, otherDev);

当我运行gulp时,出现以下错误:

    AssertionError [ERR_ASSERTION]: Task never defined: undefined
    at getFunction (F:\Dev\DigitalRural\Main\Mchp.DigitalRural.Portal\node_modules\undertaker\lib\helpers\normalizeArgs.js:15:5)
    at map (F:\Dev\DigitalRural\Main\Mchp.DigitalRural.Portal\node_modules\arr-map\index.js:20:14)
    at normalizeArgs (F:\Dev\DigitalRural\Main\Mchp.DigitalRural.Portal\node_modules\undertaker\lib\helpers\normalizeArgs.js:22:10)
    at Gulp.series (F:\Dev\DigitalRural\Main\Mchp.DigitalRural.Portal\node_modules\undertaker\lib\series.js:13:14)
    at Object.<anonymous> (F:\Dev\DigitalRural\Main\Mchp.DigitalRural.Portal\gulp\build-dev.js:61:24)
    at Module._compile (internal/modules/cjs/loader.js:936:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:947:10)
    at Module.load (internal/modules/cjs/loader.js:790:32)
    at Function.Module._load (internal/modules/cjs/loader.js:703:12)
    at Module.require (internal/modules/cjs/loader.js:830:19) {
  generatedMessage: false,
  code: 'ERR_ASSERTION',
  actual: undefined,
  expected: true,
  operator: '=='
}  

该错误出现在第二个文件 build-dev.js 中,我在提供的代码中指出了该错误。我一直在尝试遵循教程和SO问题,但无济于事。有什么作用?

1 个答案:

答案 0 :(得分:0)

好吧,我显然弄错了(是的,从一个既不懂gulp 3也不懂gulp 4的人说来话:)。
由于gulp 4有一些相当大的变化,因此我不得不重写整个过程(不是任务本身,它们差不多好,除了这里和那里的一些)。
因此,基本上,我将任务更改为函数,对某些任务使用了导出,以使其广为人知,并对任务流程使用了串行/并行。
但是我还有另一个与目标路径有关的问题,但这是另一篇文章的主题。
谢谢大家。