如何用Brunch编写多文件NPM包

Question

我有一个多文件项目，带有ES6样式的exports和imports。

我正在使用Brunch将这些文件连接到一个main.js文件中，该文件将充当NPM包的main。

要指定我的包的API，我需要在main.js中使用main.js。但是，当Brunch连接我的js文件时，我担心(1)用于内部import的exports和(2)用于API的exports看起来都是一样的。

查看生成的main.js文件，我在源代码中编写的export似乎被包装到模块中，但没有一个是顶级导出，就像NPM包所需要的那样。

我如何让NPM区分这两种类型的export？具体来说，如何将exports放在由Brunch连接生成的main.js文件中？

Answer 1

早午餐是不是为编写库而设计的，而是用来构建应用程序的。

我根本不需要连接文件就可以将它们发布到NPM，所以我使用巴贝尔和ES6预置将ES6 .jsx文件转换为ES5 .js文件。

然后我做了一份文件。main.js)，在其中导出库并将其设置为package.json中的main。

然后，我可以使用Brunch创建一个应用程序，其中包含React骨架(brunch new -s brunch/with-react)、npm install <my-package>和应用程序中的import my库。