如何在浏览器中使用简单的节点功能?

时间:2017-10-31 16:11:43

标签: node.js npm webpack browserify

我有一些有效的节点代码:

index.js:

 var myfunc2 = require('./myfunc2')

 var myfunc = function(a) {
   return a * myfunc2(a)
 }

 module.exports = myfunc

myfunc2.js

var myfunc2 = function(a) {
    console.log(a)
    return a * 2
}

module.exports = myfunc2

我希望将这两个函数捆绑到浏览器的一个文件中,以便输出为:

bundle.js:

windows.myfunc = function(a) {

  var myfunc2 = function(a) {
     console.log(a)
     return a * 2
  }

  return a * myfunc2(a)
}

我已经尝试过webpack和browserify,但是他们添加了很多样板代码。是否有一个节点模块将为我捆绑这个没有所有额外的不需要的代码?

1 个答案:

答案 0 :(得分:1)

答案是rollup

Rollup以树摇晃而闻名,但它也是:

  • 根据需要将使用ES6导入编写的代码转换为commonjs(节点)代码或浏览器代码。
  • 制作漂亮的捆绑代码,没有丑陋的样板。