Я настраиваю файл gulp.js для gulp 4.0, но сталкиваюсь с множеством ошибок.Я новичок в gulp 4.0 и не знаком с новым синтаксисом.
Я пробовал много решений с разных сайтов, но у меня не получилось.ниже мой глоток, код файла JS.Пожалуйста, помогите мне найти ошибки
var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');
var uglify = require('gulp-uglify');
var paths = {
bootstrap: {
src: 'node_modules/bootstrap/scss/bootstrap.scss',
dest: 'src/css'
},
styles:{
src: 'src/scss/*.scss',
dest: 'src/css'
},
bootstrapjs: {
src: 'node_modules/bootstrap/dist/js/bootstrap.min.js',
dest: '/src/js'
},
jquery:{
src:'node_modules/jquery/dist/jquery.min.js',
dest:'/src/js'
},
tether:{
src:'node_modules/tether/dist/js/tether.min.js',
dest:'/src/js'
},
popperjs:{
src: 'node_modules/popper.js/dist/popper.min.js',
dest: '/src/js'
},
custom_scripts:{
src:'/src/scripts/custom_scripts.js',
dest:'/src/js'
},
normalize:{
src:'node_modules/normalize.css/*.css',
dest:'/src/css'
},
fontawesome_css:{
src:'node_modules/font-awesome/css/font-awesome.min.css',
dest:'/src/css'
},
fontawesome_font:{
src:'node_modules/font-awesome/fonts/*',
dest: '/src/fonts'
}
};
//Compiling & Moving Bootstrap Sass File
function bootstrap() {
return gulp
.src(paths.bootstrap.src, {
sourcemaps: true
})
.pipe(sass())
.pipe(autoprefixer())
.pipe(gulp.dest(paths.bootstrap.dest))
.pipe(browsersync.stream());
}
//Compiling & Moving Custom Sass File
function styles() {
return gulp
.src(paths.styles.src, {
sourcemaps: true
})
.pipe(sass())
.pipe(autoprefixer())
.pipe(gulp.dest(paths.styles.dest))
.pipe(browsersync.stream());
}
//Moving Normalize Css
function normalize() {
return gulp
.src(paths.normalize.src, {
sourcemaps: true
})
.pipe(gulp.dest(paths.normalize.dest));
}
//Moving Font Awesome Css
function fontawesome_css() {
return gulp
.src(paths.fontawesome_css.src, {
sourcemaps: true
})
.pipe(gulp.dest(paths.fontawesome_css.dest));
}
//Moving Font Awesome Fonts
function fontawesome_font() {
return gulp
.src(paths.fontawesome_font.src, {
sourcemaps: true
})
.pipe(gulp.dest(paths.fontawesome_font.dest));
}
//Moving Bootstrap Scripts
function bootstrapjs() {
return gulp
.src(paths.bootstrapjs.src, {
sourcemaps: true
})
.pipe(uglify())
.pipe(gulp.dest(paths.bootstrapjs.dest));
}
//Moving Jquery script
function jquery() {
return gulp
.src(paths.jquery.src, {
sourcemaps: true
})
.pipe(uglify())
.pipe(gulp.dest(paths.jquery.dest));
}
//Moving Tether Script
function tether() {
return gulp
.src(paths.tether.src, {
sourcemaps: true
})
.pipe(uglify())
.pipe(gulp.dest(paths.tether.dest));
}
//Moving Popper Js Script
function popperjs() {
return gulp
.src(paths.popperjs.src, {
sourcemaps: true
})
.pipe(uglify())
.pipe(gulp.dest(paths.popperjs.dest));
}
//Minifing Custom custom_scripts
function custom_scripts() {
return gulp
.src(paths.custom_scripts.src, {
sourcemaps: true
})
.pipe(uglify())
.pipe(gulp.dest(paths.custom_scripts.dest))
.pipe(browsersync.stream());;
}
// BrowserSync
function browserSync(done) {
browsersync.init({
server: {
baseDir: "./_site/"
},
port: 3000
});
done();
}
// BrowserSync Reload
function browserSyncReload(done) {
browsersync.reload();
done();
}
function watchFiles() {
gulp.watch(paths.bootstrap.src, bootstrap);
gulp.watch(paths.styles.src, styles);
gulp.watch(paths.custom_scripts.src,custom_scripts);
}
//Run these tasks
const js = gulp.parallel(bootstrapjs, jquery, tether, popperjs);
const style = gulp.parallel(styles, bootstrap, fontawesome_css, normalize, fontawesome_font);
const watch = gulp.parallel(watchFiles, browserSync);
gulp.task(js);
gulp.task(style);
gulp.task(watch);
gulp.task('default', js, style, watches);
Ожидалось, что он будет работать в этом формате, потому что он работал для многих других, но это не так.Пожалуйста, помогите мне, если есть какие-либо ошибки.