npm 包 quicktask 使用教程

阅读时长 4 分钟读完

简介

quicktask 是一个基于 gulp 的工作流管理工具,旨在提供一个简单、快速、高效的前端开发解决方案。它支持多种自动化处理任务,如 js、css、图片等文件的压缩、合并、雪碧图等。

安装

使用 npm 安装 quicktask:

安装完成后,即可在项目中使用 quicktask 提供的命令。

使用

执行任务

在项目根目录下创建名为 gulpfile.js 的文件,导入 quicktask:

定义任务:

执行任务:

目录结构

quicktask 默认约定项目目录如下:

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

配置参数

quicktask 提供了丰富的可配置参数,可根据项目需要进行定制。

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

示例

以 html 任务为例,在 gulpfile.js 中配置 html 任务:

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

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

src 目录下创建 index.html 文件:

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

在终端执行任务:

即可在 dist 目录下生成压缩后的 index.html 文件。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/5f2290c4403f2923b035c6cc

纠错
反馈