简介
gulp-predefined-tasks 是一个开源的 npm 包，旨在快速地创建一个 Gulp 构建流程，尤其是对于那些初学者或没有编写过 Gulpfile 的人来说，这个包可以简化构建流程的编写过程。
安装
可以通过 npm 包管理工具来安装 gulp-predefined-tasks：
npm install gulp-predefined-tasks --save-dev
使用
在安装完成后，以下步骤可以使用 gulp-predefined-tasks 包来创建一个基本的 Gulp 构建流程：
步骤 1：导入 gulp-predefined-tasks 包
在 Gulpfile 中，我们需要引入 gulp-predefined-tasks 包，以便使用其中的任务。可以像下面这样引入该包：
const gulp = require('gulp');
const predefinedTasks = require('gulp-predefined-tasks');步骤 2：定义配置项
gulp-predefined-tasks 包需要一个配置对象作为参数。要创建这个配置对象，可以像下面这样编写一个配置文件，然后将其作为参数传递给预定义任务：
-- -------------------- ---- -------
----- ------ - -
----------- -
------- -
---- ----------------
----- ----------
--------- ------------
--
------- -
---- ---------------------
----- ----------
--------- ----------------
-
--
---- -
----- -
---- -----------------------
----- -----------
-------- -
------------ ------------
-
-
--
------- -
--------- -
---- ---------------
----- -------------
--
--------- -
---- ----------------------
----- -------------
-
-
--该对象包含了三个对象：JavaScript、CSS 和图片，每个对象都有相应的任务。在这些对象中，我们定义了不同的任务。这些任务可以是合并、压缩、编译等等。
步骤 3：定义任务
现在我们已经有了配置对象，我们需要使用该对象来定义任务。
在下面的代码中，有两个任务：一个是默认任务，它执行了所有的预定义任务。第二个任务是观察任务，它用于监视所有的文件更改，如果有文件发生更改，就会重新运行整个预定义任务：
gulp.task('default', predefinedTasks(config));
gulp.task('watch', () => {
gulp.watch(['src/**/*'], gulp.series('default'));
});这两个定义都是通过 Gulp 的 gulp.task 方法创建的，它们将会在框架执行过程中起作用。
步骤 4：运行任务
通过指定任务名称来运行任务。例如，你可以使用以下命令来运行默认任务：
gulp
如果你想监视文件的更改，你可以运行 watch 任务：
gulp watch
示例代码
-- -------------------- ---- -------
----- ---- - ----------------
----- --------------- - ---------------------------------
----- ------ - -
----------- -
------- -
---- ----------------
----- ----------
--------- ------------
--
------- -
---- ---------------------
----- ----------
--------- ----------------
-
--
---- -
----- -
---- -----------------------
----- -----------
-------- -
------------ ------------
-
-
--
------- -
--------- -
---- ---------------
----- -------------
--
--------- -
---- ----------------------
----- -------------
-
-
--
-------------------- -------------------------
------------------ -- -- -
------------------------ ------------------------
---结论
使用 gulp-predefined-tasks，可以让您更快地使用 Gulp 来构建您的应用程序。尽管它并不适用于每种情况，但它可以为初学者或没有经验的 Gulp 文件编写者提供更好的起点。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005682381e8991b448e4430