npm 包 classy-gulp 使用教程
在开发中，自动化构建是一项重要的工作。而 Gulp 是一个非常优秀的构建工具，可以让开发者以一种更加自由、流畅的方式来构建项目。而 classy-gulp 又是 Gulp 的一款扩展包，可以让我们更加方便地引入一些其他的依赖，同时可以简化我们的代码。本文将详细介绍 classy-gulp 的使用方法，包括如何安装，配置及使用方法。
安装
classy-gulp 是一个基于 node.js 的工具，所以必须先安装好 node 和 npm。如果电脑中已安装好，则可以直接在命令行中输入以下命令进行安装：
--- ------- ---------- -----------
安装后，你就可以在你项目的 package.json 文件中看到依赖的记录。
配置
在使用 classy-gulp 的过程中，要关注的是两个文件：gulpfile.js 和 package.json。
gulpfile.js
请参照以下代码片段：
----- ---- - ---------------- ----- - ---------------- - - ----------------------- -------------------
这里的 enableClassyMode 方法是用来启动 classy-gulp 的核心功能的。当然，你还需要写一些其他的任务代码，例如构建、压缩JS、CSS等。
package.json
classy-gulp 提供了一些内置的插件，需要在 package.json 文件中加入依赖关系。
-
--------------- -
------- ---------
------------ ---------
-------------- ---------
--------------- ----------
-------------------- ---------
-------------- ---------
--------------- ---------
------------- ---------
--------------------------------- ----------
------------- ---------
---------------------- --------
-
-示例
下面，我们编写一个样例代码来加深理解，
----- ---- - ----------------
----- -
-----------------
-----------
- - -----------------------
----- ---- - ---------------------
----- ------------ - -----------------------------
----- ------ - -----------------------
----- ----- - ----------------------
----- ------ - ------------------------
-------------------
------------------- -------------
---- -----------------
----- -------
-------- --
---- -----
-------- -
------------ ------------
-
-- -
---- -------------
-------- -
--------- ------ - ----------
-
--
--
--
-------------------- -------------
---- -------------
----- ------
-------- --
---- ------
-------- -
-------- -----------
-------- ---------------------
-
-- -
---- -------
-------- --
--
--
--这个代码编写两个插件，并为这两个插件创建了一个任务。
结束语
通过本文，我们已经了解了 classy-gulp 的使用方法。虽然这个工具包的功能还有很多可以扩展，但这没有影响我们使用它来完成自动化构建的工作。相信读者已经很快能够上手。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60057ae181e8991b448eb68e