Задача не определена: переход с gulpV3 на gulpV4 - PullRequest
Новая
       34

Задача не определена: переход с gulpV3 на gulpV4

2 голосов
/ 21 марта 2019

Мне пришлось обновить старый проект с gulp версии 3.9.1 до gulp версии 4, что потребовало от меня переписать свои задачи.Я следовал документации по переходу на gulp.series и переходу к именным функциям, но теперь я по-прежнему получаю ошибки при запуске.Ниже приведен мой код, который я использую для просмотра стилей на двух разных языках. 

var fontName = "project-icons",
    gulp = require("gulp"),
    sass = require("gulp-sass"),
    sourcemaps = require("gulp-sourcemaps"),
    iconfont = require("gulp-iconfont"),
    iconfontCss = require("gulp-iconfont-css");

var sassOptions = {
    errLogToConsole: true,
    outputStyle: "expanded"
};

function iconfont(done) {
    gulp.src(["./icons/*.svg"])
        .pipe(
            iconfontCss({
                fontName: fontName,
                path: "sass",
                targetPath: "../sass/static/icons/_icons.sass",
                fontPath: "./fonts/",
                cssClass: "icon"
            })
        )
        .pipe(
            iconfont({
                formats: ["ttf", "eot", "woff", "woff2", "svg"],
                fontName: fontName,
                normalize: true,
                fixedWidth: true,
                centerHorizontally: true
            })
        )
        .on("glyphs", function(glyphs, options) {})
        .pipe(gulp.dest("./fonts/"));
    done();
}

function desktop_styles() {
    return gulp
        .src("./sass/_en/style.sass")
        .pipe(
            sourcemaps.init({
                loadMaps: true,
                identityMap: true,
                sourceRoot: "../css/"
            })
        )
        .pipe(sass(sassOptions).on("error", sass.logError))
        .pipe(sourcemaps.write())
        .pipe(gulp.dest("./css/"));
}

function desktop_styles_rtl() {
    return gulp
        .src("./sass/_ar/style.sass")
        .pipe(
            sourcemaps.init({
                loadMaps: true,
                identityMap: true,
                sourceRoot: "../css/"
            })
        )
        .pipe(sass(sassOptions).on("error", sass.logError))
        .pipe(sourcemaps.write())
        .pipe(gulp.dest("./css/lang/rtl"));
}

function mobile_styles() {
    return gulp
        .src("./sass/en/mobile/style.sass")
        .pipe(sass(sassOptions).on("error", sass.logError))
        .pipe(gulp.dest("./css/m"));
}

function mobile_styles_rtl() {
    return gulp
        .src("./sass/rtl/m/style.sass")
        .pipe(sass(sassOptions).on("error", sass.logError))
        .pipe(gulp.dest("./css/lang/rtl/m"));
}

function watch_all(){
    gulp.series(
        mobile_styles,
        mobile_styles_rtl,
        desktop_styles,
        desktop_styles_rtl,
        function(done) {
            gulp.watch("./sass/**/*.sass", gulp.series(mobile_styles));
            gulp.watch("./sass/**/*.sass", gulp.series(mobile_styles_rtl));
            gulp.watch("./sass/**/*.sass", gulp.series(desktop_styles));
            gulp.watch("./sass/**/*.sass", gulp.series(desktop_styles_rtl));
            done();
        }
    )
};

function watch_AllDesktop(done){
    gulp.series(desktop_styles, desktop_styles_rtl, function() {
        gulp.watch("./sass/**/*.sass", gulp.series(desktop_styles));
        gulp.watch("./sass/**/*.sass", gulp.series(desktop_styles_rtl));
        done();
    });

function watch_desk_desktop_styles_rtl(done){
    gulp.series(desktop_styles_rtl, function() {
        gulp.watch("./sass/**/*.sass", gulp.series(desktop_styles_rtl));
        done();
    });

function watch_desktop_en(done){
    gulp.series(desktop_styles, function() {
        gulp.watch("./sass/**/*.sass", gulp.series(desktop_styles));
    });

function watch_mobile_rtl(done){
    gulp.series(mobile_styles_rtl, function() {
        gulp.watch("./sass/**/*.sass", gulp.series(mobile_styles_rtl));
        done();
    });

function watch_mobile_en(done){
    gulp.series(mobile_styles, function() {
        gulp.watch("./sass/**/*.sass", gulp.series(mobile_styles));
        done();
    });

function watch_AllMobile(done){
    gulp.series(mobile_styles, mobile_styles_rtl, function() {
        gulp.watch("./sass/**/*.sass", gulp.series(mobile_styles));
        gulp.watch("./sass/**/*.sass", gulp.series(mobile_styles_rtl));
        done();
    });

Когда я запускаю "gulp watch_all", я получаю Задачу, которая никогда не определяется.Что-то не так с функциями или с моим порядком кода?

1 Ответ

1 голос
/ 21 марта 2019

  1. Все ваши функции от watch_AllDesktop до watch_AllMobile нуждаются в закрывающей скобке }

  2. Ваша главная проблема в том, что вы не экспортируете свою задачу


Внутренние задачи не требуются для экспорта, но все ваши задачи, которые должны выполняться на консоли, должны иметь экспорт.

Поместите, например, следующий экспорт в конец gulpfile.js: 

exports.watch_all = watch_all;


После экспорта вы можете подтвердить gulp --tasks, какие задачи доступны для вас

изменить (комментарий вопрос)

Ваши часы не должны иметь обратного вызова, потому что они должны работать постоянно, а не только один раз. 

function watch_all(){
    gulp.watch("./sass/**/*.sass", gulp.series(mobile_styles, mobile_styles_rtl, desktop_styles, desktop_styles_rtl ));
}

Для дальнейших вопросов, пожалуйста, откройте новый вопрос с небольшими примерами и соответствующим кодом. ТНХ

...