gulp4.0入门, 看这一篇就够了

最新推荐文章于 2022-04-11 14:48:13 发布

空谷足音 -จุ

最新推荐文章于 2022-04-11 14:48:13 发布

阅读量4.9k

点赞数 4

分类专栏： gulp 文章标签： gulp gulp4.0

本文链接：https://blog.csdn.net/davidPan1234/article/details/93496877

版权

本文介绍了从gulp3.0到gulp4.0的主要变化，重点讲述了4.0中引入的并行处理方式，通过示例代码展示了如何在gulpfile.js和package.json中配置任务，帮助读者快速掌握gulp4.0的使用。

摘要由CSDN通过智能技术生成

前言

之前我们讲了gulp3.0，这篇引入gulp4.0， 4.0相比3.0有一些改变的地方：

gulp3.0压缩顺序默认是顺序执行的，4.0引入压缩并行的处理方式：

gulp.series|4.0 依赖顺序执行

gulp.parallel|4.0 多个依赖嵌套'html','css','js'并行

因为之前一步步说了怎么压缩js\ css\image等，此处直接上代码：

gulpfile.js:

const gulp=require('gulp');
const uglify=require('gulp-uglify');
const concat=require('gulp-concat');
const babel=require('gulp-babel');
const sourcemaps=require('gulp-sourcemaps');
const cssmin=require('gulp-cssmin');
const imagemin=require('gulp-imagemin');
const htmlmin = require('gulp-htmlmin');
const connect=require('gulp-connect');
const clean=require('gulp-clean');
const revCollector = require('gulp-rev-collect