upgrade gulp version to latest

This commit is contained in:
omair saleh
2020-12-01 22:20:04 +08:00
parent 73b52276ce
commit 6ddd1ed3b2
2 changed files with 62 additions and 56 deletions
Vendored
+39 -30
View File
@@ -1,18 +1,25 @@
const pkg = require('./package.json');
const gulp = require('gulp');
const fancyLog = require('fancy-log');
const del = require('del');
const plugins = require('gulp-load-plugins')({pattern: ['*'], scope: ['devDependencies']});
let uglifyEs = require('gulp-uglify-es').default;
const plugins = require('gulp-load-plugins')({
lazy: true,
postRequireTransforms: {
print: (plugin) => plugin.default,
uglifyEs: (plugin) => plugin.default
}
});
const onError = (error) => {
console.log(error);
fancyLog(error);
};
const sassOptions = {style: 'compressed'};
// compile vendor dependencies
gulp.task('vendorJs', () => {
plugins.fancyLog('Compiling vendor JS dependencies');
fancyLog('Compiling vendor JS dependencies');
return gulp.src(pkg.globs.vendorJs)
.pipe(plugins.plumber({errorHandler: onError}))
.pipe(plugins.print())
@@ -22,7 +29,7 @@ gulp.task('vendorJs', () => {
});
gulp.task('vendorCss', () => {
plugins.fancyLog('Compiling vendor CSS dependencies');
fancyLog('Compiling vendor CSS dependencies');
return gulp.src(pkg.globs.vendorCss)
.pipe(plugins.plumber({errorHandler: onError}))
.pipe(plugins.print())
@@ -34,7 +41,7 @@ gulp.task('vendorCss', () => {
});
gulp.task('vendorFonts', () => {
plugins.fancyLog('Copying vendor fonts for dependencies');
fancyLog('Copying vendor fonts for dependencies');
return gulp.src(pkg.globs.vendorFonts)
.pipe(plugins.plumber({errorHandler: onError}))
.pipe(plugins.print())
@@ -42,16 +49,23 @@ gulp.task('vendorFonts', () => {
});
gulp.task('vendorImages', () => {
plugins.fancyLog('Copying vendor images for dependencies');
fancyLog('Copying vendor images for dependencies');
return gulp.src(pkg.globs.vendorImages)
.pipe(plugins.plumber({errorHandler: onError}))
.pipe(plugins.print())
.pipe(gulp.dest(pkg.paths.build.images));
});
// compile source scss
gulp.task('sourceCss', () => {
plugins.fancyLog('Compiling source CSS files');
gulp.task('sourceImages', () => {
fancyLog('Compiling source image files');
return gulp.src(pkg.globs.sourceImages)
.pipe(plugins.plumber({errorHandler: onError}))
.pipe(plugins.print())
.pipe(gulp.dest(pkg.paths.build.images));
});
gulp.task('sourceCss', gulp.series('sourceImages', () => {
fancyLog('Compiling source CSS files');
return gulp.src(pkg.globs.sourceCss)
.pipe(plugins.plumber({errorHandler: onError}))
.pipe(plugins.print())
@@ -59,43 +73,38 @@ gulp.task('sourceCss', () => {
.pipe(plugins.autoprefixer())
.pipe(plugins.concatCss('site.css'))
.pipe(gulp.dest(pkg.paths.build.css));
});
}));
gulp.task('sourceJs', () => {
plugins.fancyLog('Compiling source JS dependencies');
fancyLog('Compiling source JS dependencies');
return gulp.src(pkg.globs.sourceJs)
.pipe(plugins.plumber({errorHandler: onError}))
.pipe(plugins.print())
.pipe(plugins.concat('site.js'))
.pipe(uglifyEs())
.pipe(plugins.uglifyEs())
.pipe(gulp.dest(pkg.paths.build.js));
});
gulp.task('sourceImages', () => {
plugins.fancyLog('Compiling source image files');
return gulp.src(pkg.globs.sourceImages)
.pipe(plugins.plumber({errorHandler: onError}))
.pipe(plugins.print())
.pipe(gulp.dest(pkg.paths.build.images));
});
gulp.task('sourceFonts', () => {
plugins.fancyLog('Compiling source font files');
fancyLog('Compiling source font files');
return gulp.src(pkg.globs.sourceFonts)
.pipe(plugins.plumber({errorHandler: onError}))
.pipe(plugins.print())
.pipe(gulp.dest(pkg.paths.build.fonts));
});
gulp.task('clean', () => {
return del([pkg.paths.build.css + '/*', pkg.paths.build.js + '/*', !pkg.paths.build.js + '/app.js', pkg.paths.build.images + '/*', pkg.paths.build.fonts + '/*']);
});
gulp.task('vendor', ['vendorJs', 'vendorCss', 'vendorFonts', 'vendorImages']);
gulp.task('source', ['sourceCss', 'sourceImages', 'sourceJs', 'sourceFonts']);
gulp.task('build', ['clean', 'vendor', 'source']);
gulp.task('vendor', gulp.series('vendorJs', 'vendorCss', 'vendorFonts', 'vendorImages'));
gulp.task('source', gulp.series('sourceCss', 'sourceImages', 'sourceJs', 'sourceFonts'));
gulp.task('build', gulp.series('clean', 'vendor', 'source'));
gulp.task('watch', () => {
gulp.watch(pkg.globs.sourceCss, ['sourceCss']);
gulp.watch(pkg.globs.sourceImages, ['sourceImages']);
gulp.watch(pkg.globs.sourceJs, ['sourceJs']);
gulp.watch(pkg.globs.sourceJs, ['sourceFonts']);
gulp.task('watch', (done) => {
gulp.watch(pkg.globs.sourceCss, gulp.series('sourceCss'));
gulp.watch(pkg.globs.sourceImages, gulp.series('sourceImages'));
gulp.watch(pkg.globs.sourceJs, gulp.series('sourceJs'));
gulp.watch(pkg.globs.sourceJs, gulp.series('sourceFonts'));
done();
});