如何使用Brunch編寫多文件NPM程序包

Question

我有一個多文件項目，ES6風格爲export s和import s。

我使用Brunch將這些文件連接成1 main.js文件，該文件將用作NPM包的main。

要指定我的包的API，我需要在main.js有export s。但是，當Brunch將我的js文件連接起來時，我擔心（1）export s用於內部import s和（2）export s意味着我的API看起來都是相同的。

看看生成的main.js文件，它似乎就像我在源代碼中編寫的export一樣被封裝到模塊中，但這些都不是像NPM軟件包所需的頂級導出。

我該如何讓NPM區分這兩種類型的export？具體來說，如何在由Brunch連接生成的main.js文件中有export？

Answer 1

早午餐是not designed for writing libraries，而是用於構建應用程序。

我並不需要在所有連接文件將其發佈到NPM，所以不是我用Babel反應並ES6預設改造我的ES6 .jsx文件ES5 .js文件。

然後我創建一個文件（例如，main.js），其中我導出我的庫並將其設置爲package.json中的main。

然後，我可以使用Brunch在我的應用程序中使用React框架（brunch new -s brunch/with-react），npm install <my-package>和import我的庫創建應用程序。