什么是 @2create/drone
@2create/drone 是一款适用于前端项目的自动化构建工具。它基于 Gulp、Webpack 进行构建，并提供了一些常用的任务，如脚本压缩、图片压缩、文件合并等。
安装 @2create/drone
使用 npm 进行安装：
npm install @2create/drone --save-dev
使用方法
初始化配置文件
在项目目录下执行以下命令，将生成默认配置文件 drone.config.js：
./node_modules/.bin/drone init
配置项说明
-- -------------------- ---- -------
-------------- - -
------- ------ -- -----
-------- ------- -- ------
----------- ---- -- ---------- --------------------
----- -
---- ---------------- -- ---- ------
----- --- -- ----
-------- -- -- ------------- ---
--
------- -
------ ------------------------ -- -- ---- --
---- ---------------- -- ---- ------
----- --------- -- ---- --- ----
-------- -
------------ ------------ -- ----------- ---
-
--
-------- -
------ ----------------------- -- -- -- --
---- -------------- -- -- ------
----- ---------- -- ---- -- ----
---------- -- -- ---------
--
------- -
---- ---------------
----- ---------
-------- -
------------------ - -- -------- ---
-
--
------ -
---- --------------
----- -------
--
------ -
---- ------ -- -----
-
-运行任务
执行以下命令，将运行所有任务进行构建：
./node_modules/.bin/drone
也可以使用以下命令，运行单个任务：
./node_modules/.bin/drone clean ./node_modules/.bin/drone html ./node_modules/.bin/drone styles ./node_modules/.bin/drone scripts ./node_modules/.bin/drone images ./node_modules/.bin/drone fonts
示例代码
drone.config.js 配置项：
-- -------------------- ---- -------
-------------- - -
------- ------
-------- -------
----------- ----
----- -
---- ----------------
----- -
------ ------- -------
--
-------- -
------------------- -----
--------------- ----
-
--
------- -
------ ------------------------
---- ----------------
----- ---------
-------- -
------------ ------------
-
--
-------- -
------ -----------------------
---- --------------
----- ----------
---------- -
------- --------
-
--
------- -
---- ---------------
----- ---------
-------- -
------------------ -
-
--
------ -
---- --------------
----- -------
--
------ -
---- ------
-
-package.json 中的 scripts 配置项：
"scripts": {
"start": "node server.js",
"test": "echo \"Error: no test specified\" && exit 1",
"build": "./node_modules/.bin/drone"
},总结
@2create/drone 是一款强大的自动化构建工具，可以大大提高前端项目开发的效率。通过本文的介绍以及示例代码，相信读者已经初步掌握了 @2create/drone 的使用方法，可以在实际项目中尝试应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/149048