npm 包 rigger-cli 使用教程

简介

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

安装

通过 npm 安装 rigger-cli：

npm install -g rigger-cli

使用

命令行参数

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

配置文件

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

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

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

示例代码

1. 在项目根目录下创建 rigger.config.js 文件。

module.exports = {
  resources: [
    'src/js/**/*.js'
  ],
  output: 'dist'
};

1. 执行 rigger build 命令：

rigger build

1. 查看文件是否已经生成。

总结

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

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