npm 包 `broccoli-module-unification-reexporter` 使用教程

阅读时长 3 分钟读完

broccoli-module-unification-reexporter 是一个 Broccoli 插件,它可以自动创建模块统一的 re-exports。本文将介绍如何使用该插件进行前端开发。

1. 安装

首先需要在项目目录下安装 broccolibroccoli-module-unification-reexporter

2. 配置

在项目根目录下创建 Brocfile.js 文件,并添加以下内容:

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

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

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

以上代码将会把 src 目录下的所有文件和文件夹进行统一的 re-export,并输出到 modules 文件夹下,namespace 为 @my-org/my-app

3. 示例

假设我们有一个名为 src/lib/math 的文件夹,其中包含了如下文件:

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

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

那么通过使用 broccoli-module-unification-reexporter 插件,我们可以在 modules/@my-org/my-app/lib/math/index.js 中自动生成如下代码:

这个文件就是模块统一的 re-export。

4. 结论

使用 broccoli-module-unification-reexporter 可以极大地方便前端开发中的模块化开发。通过自动创建模块统一的 re-exports,我们可以更加方便地组合和管理我们的代码。

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

纠错
反馈