如何使用Brunch编写多文件NPM包

时间:2016-04-27 19:18:31

标签: npm brunch

我有一个多文件项目,ES6样式importmain.js s。

我正在使用Brunch将这些文件连接到1 main个文件中,该文件将作为NPM包的export

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

查看生成的export文件,我在源代码中编写的export似乎被包装到模块中,但这些都不是NPM包所需的顶级导出

如何让NPM区分这两种类型的export?具体来说,如何在早午餐串联生成的main.js文件中有$(document).ready(function(){ $(document).on("submit", "#donation:not(.ready)", function(e){ e.preventDefault(); var amount = $("#firstNumber").val() / 5; $("#firstNumber").val(amount); $("#submit").val("Donate Now!"); $("#donation").addClass("ready"); }); }); 个?

1 个答案:

答案 0 :(得分:0)

早午餐是not designed for writing libraries,而是用于构建应用。

我根本不需要连接文件来将它们发布到NPM,因此我使用Babel和React以及ES6预设将我的ES6 .jsx文件转换为ES5 {{1}文件。

然后我创建一个文件(例如。.js),我导出我的库并将其设置为main.js中的main

然后,我可以使用早午餐在我的应用中使用React骨架(package.json),brunch new -s brunch/with-reactnpm install <my-package>我的库来创建应用。