javascript - 我在我的 npm 包中的哪里导出函数以便开发人员可以导入它们？

Question

我正在尝试创建一个 npm 包供其他人使用。目前，我的项目如下所示：

lib/
  forms/
    Button.js
    ...
  layouts/
    Row.js
    ...
node_modules/
src/
  forms/
    Button.tsx
    ...
  layouts/
    Row.tsx
    ...
package.json
...

package.json指定只应发布 lib/**/*。一个npm脚本将我*.tsx的文件编译成*.js目录中的lib/文件。

理想情况下，在有人安装我的包后，他们将能够像这样导入 Button：

import {Button} from "@whiterook6/components/forms"

但是当前导入的工作方式是如下所示：

import {Button} from "@whiterook6/components/lib/forms/Button"

我如何以及在何处放置我的 index.js 文件，以及其中包含哪些内容，以便它们

• 正确引用 lib/**/*.js 文件，而不是引用 src/ 文件，因为这些文件不会被发布；
• 允许其他开发人员只包含他们想要的位（因此总编译的项目大小仍然很小）；和
• 有一个“不错”的进口声明？

另外，我应该使用什么正确的导出语法？

标签： javascriptnpm