broccoli-module-unification-reexporter
是一个 Broccoli 插件,它可以自动创建模块统一的 re-exports。本文将介绍如何使用该插件进行前端开发。
1. 安装
首先需要在项目目录下安装 broccoli
和 broccoli-module-unification-reexporter
:
npm install --save-dev broccoli broccoli-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
中自动生成如下代码:
export { add } from '../add'; export { subtract } from '../subtract';
这个文件就是模块统一的 re-export。
4. 结论
使用 broccoli-module-unification-reexporter
可以极大地方便前端开发中的模块化开发。通过自动创建模块统一的 re-exports,我们可以更加方便地组合和管理我们的代码。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/53920