自动从构建文件夹导出组件答案

【问题标题】：Automatically export components from build folder自动从构建文件夹导出组件
【发布时间】：2018-10-22 11:26:04
【问题描述】：

我是 node 新手并做出反应，所以如果这听起来不正确，请原谅我。

我会尽量简单地解释这一点，但想知道这个过程是否可以在脚本/构建过程中以某种方式自动化。

我在 lib 文件夹中创建了一个名为“button.js”的组件。
我在 package.json 文件中添加了一个脚本。脚本是"build": "babel lib -d build",
我运行 npm run build，它会创建一个构建文件夹，其中包含我构建的“按钮”组件。
我将组件导出到 index.js 文件中，如下所示：

从 './build/components/Button' 导出 { default as Button }

我想知道最后两个步骤是否可以合并为一个步骤，即构建组件然后将其导出到 index.js 文件中？如果是这样，请您指出如何做到这一点的正确方向吗？

【问题讨论】：

【解决方案1】：

听起来您正在尝试手动管理“monorepos”，其中您有许多单独的包，这些包在您的解决方案中的其他包中用作节点模块。

我建议查看 Lerna (https://github.com/lerna/lerna)，它可以消除一些痛苦。它允许您将内部模块包含到您的包中，就好像它们是正常的、已发布的 npm 模块一样。

【讨论】：

【解决方案2】：

我建议你在 webpack 上搜索一下。这是大多数人将一堆 js 文件转换为 bundle.js 文件的方式。这也使您的网站更快，因为客户端只需要加载 1 个文件。

Webpack 是一个大主题，因此请寻找“webpack babel react”指南。

【讨论】：