@Ilnur12322

Почему не подгружаются Gulp-таски?

AssertionError [ERR_ASSERTION]: Task never defined: [object Object]

Выдает ошибку при вводе gulp, никак не могу понять в чем проблема. Если убрать таск, где используются последовательные и параллельные задачи, то проблем нет. По синтаксису вроде все верно. Что не так?
const { src, dest} = require('gulp');

const gulp = require('gulp');
const minifyCss = require('gulp-clean-css'); 
const concat = require('gulp-concat'); 
const browserSync = require('browser-sync').create(); 
const uglify = require('gulp-uglify-es').default; 
const autoprefixer = require('gulp-autoprefixer');
const imagemin = require('gulp-imagemin');
const del = require('del');
const panini = require('panini');



/* Tasks */

function browsersync() {
browserSync.init({
server: {
baseDir: "dist/"
}
});
};


function html() {
panini.refresh();
return src('app/*.html', { base: 'app' })
.pipe(panini({
root: 'app/',
layouts: 'app/layouts/',
partials: 'app/partials/',
helpers: 'app/helpers/',
data: 'app/data/'
}))
.pipe(dest('dist'))
.pipe(browserSync.stream())
}


function cleanDist() {
return del('dist');
};


function images() {
return src('app/css/image/**/*')
.pipe(imagemin([
imagemin.gifsicle({ interlaced: true }),
imagemin.mozjpeg({ quality: 75, progressive: true }),
imagemin.optipng({ optimizationLevel: 5 }),
imagemin.svgo({
plugins: [
{ removeViewBox: true },
{ cleanupIDs: false }
]
})]
))
.pipe(dest('dist/css/image'))
.pipe(browserSync.stream())
}


function scripts() {
return src('app/js/main.js')
.pipe(concat('main.min.js'))
.pipe(uglify())
.pipe(dest('dist/js/'))
.pipe(browserSync.stream())
}


function bundleCss() {
return src('app/css/main.css')
.pipe(concat('main.min.css'))
.pipe(autoprefixer({
overrideBrowserslist: ['last 10 version'],
grid: true
}))
.pipe(minifyCss())
.pipe(dest('dist/css/'))
.pipe(browserSync.stream())
}


function fonts() {
return src('app/css/fonts/**/*')
.pipe(dest('dist/css/fonts/'))
.pipe(browserSync.stream())
}


function watching() {
gulp.watch(['app/css/main.css'], bundleCss);
gulp.watch(['app/js/main.js'], scripts);
gulp.watch(['app/css/image/**/*'], images);
gulp.watch(['app/css/fonts/**/*'], fonts);
gulp.watch(['app/*.html']).on('change', browserSync.reload);
};


const build = gulp.series(cleanDist, gulp.parallel(html, bundleCss, scripts, images, fonts));
const watch = gulp.parallel(build, watching, browserSync);


/* Exports Tasks */

exports.bundleCss = bundleCss;
exports.watching = watching;
exports.browsersync = browsersync;
exports.scripts = scripts;
exports.images = images;
exports.cleanDist = cleanDist;
exports.html = html;
exports.fonts = fonts;
exports.build = build;
exports.watch = watch;
exports.default = watch;
  • Вопрос задан
  • 44 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы