npm 包 @2create/drone 使用教程

什么是 @2create/drone

@2create/drone 是一款适用于前端项目的自动化构建工具。它基于 Gulp、Webpack 进行构建,并提供了一些常用的任务,如脚本压缩、图片压缩、文件合并等。

安装 @2create/drone

使用 npm 进行安装:

--- ------- -------------- ----------

使用方法

初始化配置文件

在项目目录下执行以下命令,将生成默认配置文件 drone.config.js:

------------------------- ----

配置项说明

-------------- - -
  ------- ------            -- -----
  -------- -------          -- ------
  ----------- ----          -- ---------- --------------------
  ----- -
    ---- ----------------   -- ---- ------
    ----- ---               -- ----
    -------- --             -- ------------- ---
  --
  ------- -
    ------ ------------------------    -- -- ---- --
    ---- ----------------              -- ---- ------
    ----- ---------                    -- ---- --- ----
    -------- -
      ------------ ------------        -- ----------- ---
    -
  --
  -------- -
    ------ -----------------------     -- -- -- --
    ---- --------------                -- -- ------
    ----- ----------                   -- ---- -- ----
    ---------- --                      -- ---------
  --
  ------- -
    ---- ---------------
    ----- ---------
    -------- -
      ------------------ -             -- -------- ---
    -
  --
  ------ -
    ---- --------------
    ----- -------
  --
  ------ -
    ---- ------                        -- -----
  -
-

运行任务

执行以下命令,将运行所有任务进行构建:

-------------------------

也可以使用以下命令,运行单个任务:

------------------------- -----
------------------------- ----
------------------------- ------
------------------------- -------
------------------------- ------
------------------------- -----

示例代码

drone.config.js 配置项:

-------------- - -
  ------- ------
  -------- -------
  ----------- ----
  ----- -
    ---- ----------------
    ----- -
      ------ ------- -------
    --
    -------- -
      ------------------- -----
      --------------- ----
    -
  --
  ------- -
    ------ ------------------------
    ---- ----------------
    ----- ---------
    -------- -
      ------------ ------------
    -
  --
  -------- -
    ------ -----------------------
    ---- --------------
    ----- ----------
    ---------- -
      ------- --------
    -
  --
  ------- -
    ---- ---------------
    ----- ---------
    -------- -
      ------------------ -
    -
  --
  ------ -
    ---- --------------
    ----- -------
  --
  ------ -
    ---- ------
  -
-

package.json 中的 scripts 配置项:

---------- -
  -------- ----- -----------
  ------- ----- -------- -- ---- ----------- -- ---- ---
  -------- ---------------------------
--

总结

@2create/drone 是一款强大的自动化构建工具,可以大大提高前端项目开发的效率。通过本文的介绍以及示例代码,相信读者已经初步掌握了 @2create/drone 的使用方法,可以在实际项目中尝试应用。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/149048


猜你喜欢

  • npm 包 @knit/yarn-utils 使用教程

    前言 在使用前端工程化进行开发过程中,使用包管理器管理项目的依赖库变得越来越必要。而 npm 作为目前最为流行的包管理工具,其功能非常的强大。 @knit/yarn-utils 则是一个为了方便使用 ...

    5 年前
  • npm 包 @knit/webpack-config-socks-lib 使用教程

    在前端开发中,webpack 已成为一个必不可少的工具,而 @knit/webpack-config-socks-lib 是一个适用于开发库的 webpack 配置。

    5 年前
  • npm 包 @knit/nps-scripts 使用教程

    什么是 @knit/nps-scripts @knit/nps-scripts是一个基于 nps 的 npm 包,它可以帮助前端开发者轻松地运行各种自定义的npm scripts。

    5 年前
  • npm 包 @asab/gen-ts-cli 使用教程

    随着前端开发的不断发展,使用 TypeScript 成为了越来越多前端开发者的选择。为了提高开发效率和代码质量,很多前端项目都开始使用 TypeScript。但 TypeScript 对于新手来说还是...

    5 年前
  • npm包 @argdown/cli 使用教程

    简介 @argdown/cli是一个基于Node.js环境的命令行工具,它可以让你轻松地解析和格式化Argdown语言的语法。Argdown是一种用于逻辑和论证建模的标记语言,与Markdown类似,...

    5 年前
  • npm 包 @amazebot/config 使用教程

    前言 在前端工程化开发中,配置文件的问题一直是困扰开发者的难点,而且不同项目的配置格式可能不一样,增加了代码的耦合性。@amazebot/config 是一个解决这个问题的 npm 包,它提供了一个标...

    5 年前
  • npm包@0xproject/sol-compiler使用教程

    简介 @0xproject/sol-compiler是一个Solc编译器的封装,用于编译Solidity合约文件。它支持Solc v0.5.x和v0.6.x版本,这让我们不必安装和配置Solc编译器即...

    5 年前
  • npm 包 @0xproject/deployer 使用教程

    前言 在开发前端项目过程中,我们常常需要使用许多 npm 包,这些包在项目中起到了举足轻重的作用。而今天我们要分享的是关于 @0xproject/deployer 的使用教程。

    5 年前
  • npm 包 @0x/sol-compiler 使用教程

    前言 随着区块链技术的发展和应用场景的扩大,以太坊智能合约开发成为了一个备受关注的领域。而 Solidity 编程语言是以太坊智能合约编程的主要语言之一。但是,Solidity 编译器的使用和配置一直...

    5 年前
  • npm 包 @types/yargs-parser 使用教程

    在前端开发中常常需要使用命令行工具与程序交互。yargs-parser 是一个用于解析命令行参数的 npm 包。该包提供了命令行参数解析的基本功能,使用起来十分方便。

    5 年前
  • NPM 包 yalc-watch 使用教程

    介绍 yalc-watch 是基于 yalc 的一款 npm 包,它可以帮助前端工程师在本地开发中快速加载和管理自己编写的 npm 包,从而提高开发效率和项目质量。

    5 年前
  • NPM 包 TSC-ENV 使用教程

    TSC-ENV 是一个 NPM 包,它提供了一种更加简单的方法来管理 TypeScript 编译环境。本文将介绍 TSC-ENV 的基本用法,包括安装、配置和使用。

    5 年前
  • npm 包 @eastsideco/matt-cli-beta 使用教程

    前言 @eastsideco/matt-cli-beta 是一个前端工具包,可帮助开发者快速搭建项目框架并自动生成目录结构、配置文件和代码模板等,大大提高了开发效率。

    5 年前
  • 使用 @decahedron/notify-me npm 包

    在前端开发中,我们常常需要使用到通知功能,比如说用户登录成功后弹出欢迎通知,或者提示用户网络连接失败等情况。而使用 @decahedron/notify-me 这个 npm 包可以实现这个功能。

    5 年前
  • npm 包 @cto.ai/sdk 使用教程

    在前端开发中,使用 NPM 包可以极大地提高我们的开发效率,最近 @cto.ai 公司推出了一款 NPM 包 @cto.ai/sdk,用于快速构建聊天机器人。本文将介绍该 NPM 包的使用方法,让各位...

    5 年前
  • npm 包 @ahdesigns/pomo 使用教程

    @ahdesigns/pomo 是一个基于 Pomodoro 技术开发的倒计时工具,适用于提高工作效率,避免过度疲劳等场景。本文将详细介绍该 npm 包的使用方法,包含以下内容: 安装 @ahdes...

    5 年前
  • npm 包 express-force-listen 使用教程

    背景 在开发 web 应用程序时,使用 Express 框架是一个常见的选择。在使用 Express 框架时,我们通常需要监听特定的端口,以便浏览器可以向服务器发送请求。

    5 年前
  • npm 包 @bekk/storybook 使用教程

    什么是 @bekk/storybook @bekk/storybook 是一个优秀的前端开发工具,可以帮助开发人员在自己的电脑上创建一个本地的组件库,以便快速开发和调试组件。

    5 年前
  • npm 包 @atlaskit/select 使用教程

    前言 在前端开发中,有很多需要用户选择的地方,例如下拉选择框。@atlaskit/select 是一个 React 下拉选择器组件,它提供了很多可定制选项,使用方便且非常易于扩展。

    5 年前
  • npm 包 @128technology/ui 使用教程

    简介 在前端开发中,我们经常会用到一些 UI 组件库来让我们的网站或应用更加美观,同时也能提升我们的开发效率。这里介绍一个来自 @128technology 的 UI 组件库 npm 包 @128te...

    5 年前

相关推荐

    暂无文章