npm 包 rigger-cli 使用教程

阅读时长 2 分钟读完

简介

Rigger-cli 是一个前端构建工具,它可以帮助开发者在项目开发过程中进行模块化管理和构建管理。它支持自动合并、压缩和优化,目前已经支持 JavaScript, CSS, HTML 以及图片等资源文件的构建。

安装

通过 npm 安装 rigger-cli:

使用

命令行参数

  • rigger build [文件路径]:构建指定文件路径下的所有文件。
  • rigger watch [文件路径]:监听指定文件路径下的所有文件,修改后自动构建。
  • rigger init:在当前目录下生成 rigger.config.js 配置文件。

配置文件

你需要在项目根目录下创建 rigger.config.js 文件。下面是一个简单的配置示例:

-- -------------------- ---- -------
-------------- - -
  ---------- -
    -----------------
    -------------------
    ---------------------
  --
  ------- -------
  --------- -----
  --------- ----
--
  • resources:指定资源文件的位置和类型,可以使用通配符 ***
  • output:指定构建后文件的输出路径。
  • optimize:是否开启优化,开启后会自动将 duplicated 的模块合并。
  • compress:是否开启压缩,开启后会自动压缩构建后的文件。

示例代码

  1. 在项目根目录下创建 rigger.config.js 文件。
  1. 执行 rigger build 命令:
  1. 查看文件是否已经生成。

总结

Rigger-cli 是一个非常实用的前端构建工具,可以帮助我们在项目开发过程中进行模块化管理和构建管理。尤其是在大型项目中,更是必不可少的工具。它的使用方法非常简单,只需要配置相关参数即可,同时它也支持多种资源文件的构建和优化。

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

纠错
反馈