如何迁移到 Gulp.js 4.0

suchonaseo

尽管有来自webpack和Parcel的竞争，Gulp.js仍然是最流行的 JavaScript 任务运行器之一。Gulp.js 使用代码进行配置，这使其成为一个多功能的通用选项。除了通常的转译、捆绑和实时重新加载之外，Gulp.js 还可以使用单个命令分析数据库、渲染静态站点、推送 Git 提交以及发布 Slack 消息。了解如何迁移到 Gulp.js 4.0。 Backward Skip 10s Play Video Forward Skip 10s 有关 Gulp 的介绍，请查看以下内容： Gulp.js 简介 如何使用 Gulp.js 自动化 CSS 任务 使用 Gulp 更快地开发 WordPress 主题 Gulp.js 4.0 Gulp.js 3.x 已经成为默认版本大约五年了。直到最近，npm install gulp还会安装 3.9.1 — 上面教程中引用的版本。 Gulp.js 4.0 一直可用，但必须与 这部分是由于持续的开发以及 Gulp.js 4gulpfile.js配置文件与为版本 3 开发的配置文件不兼容。


Learn to Code with JavaScript 2018 年 12 月 10 日，Gulp.js 4.0 被宣布为默认版本 WhatsApp 号码数据 并发布到 npm。npm install gulp任何在新项目上使用的人都将收到版本 4。 是否有必要迁移到 Gulp.js 4？ 不会。Gulp.js 3 已被弃用，不太可能收到进一步的更新，但仍然可以使用。dependencies除非在部分中显式更改版本，否则现有项目不会更新package.json。例如： "dependencies": { "gulp": "^4.0.0" } 您还可以使用以下命令在新项目中安装 Gulp.js 3： npm install gulp@^3.9.1 如果您有一个特别复杂的任务关键型构建系统，那么最好坚持使用 Gulp.js 3.x。 但是，现有的 Gulp.js 插件应该兼容，并且大多数gulpfile.js配置可以在一两个小时内迁移。升级有几个好处，这些好处将在本教程中变得显而易见。



升级到 Gulp.js 4.0 package.json如上所示更新您的依赖项，然后运行npm install进行升级。您还可以使用 更新命令行界面npm i gulp-cli -g，尽管在撰写本文时这一点尚未改变。 Learn to Code with JavaScript 要检查安装情况，请gulp -v在命令行输入现在运行任何任务都可能会引发可怕的错误。例如这令人望而生畏，但您可以忽略除第一个引用之外的所有内容gulpfile.js，该引用显示遇到错误的行（本例中为 102）。 幸运的是，大多数这些错误都是由同一类型的问题引起的。以下部分使用CSS 任务教程代码作为示例。该代码可在 GitHub 上获取，并提供原始 Gulp.js 3 gulpfile.js和迁移后的 Gulp.js 4 等效项。 将任务数组转换为 series() 调用 Gulp.js 3 允许指定同步任务数组。这通常在watch触发事件或任务具有依赖性时使用。