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

Question

我是Node的新手，因此会做出反应，所以如果听起来不正确，请原谅我。

我将尽力解释这一点，但想知道在脚本/构建过程中该过程是否可以自动化。

• 我在lib文件夹中创建了一个名为“ button.js”的组件。
• 我在package.json文件中添加了一个脚本。脚本为"build": "babel lib -d build",
• 我运行npm run build会创建一个构建文件夹，其中包含我的“按钮”组件。

• 我将组件导出到index.js文件中，如下所示：

  从'./build/components/Button'导出{默认为Button}

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

Answer 1

听起来您正在尝试手动管理“ monorepos”，因此您有很多单独的程序包，它们被用作解决方案中其他程序包中的节点模块。

我建议您检查Lerna（https://github.com/lerna/lerna），这样可以减轻一些痛苦。它允许您将内部模块包括在包中，就像它们是正常的已发布的npm模块一样。

Answer 2

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

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