我有一个多文件项目,ES6样式import
和main.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");
});
});
个?
答案 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-react
和npm install <my-package>
我的库来创建应用。