如何使我的前端Javascript代码更模块化？

Question

我正在开发一个开源的Node.Js / express应用程序，它将文本注释可视化为一个网络，以提供用户所有不同注释之间连接的直观摘要。

它在前端非常沉重，使用了很多函数来过滤和处理注释，使用sigma.js库将它们可视化为图形等等。

目前，我的所有前端代码都在一个文件中：

https://github.com/noduslabs/infranodus/blob/master/views/entries.ejs

我想让它更模块化。

我知道这个问题有点宽泛，但是有人可以告诉我应采取什么策略来使代码更加模块化？

例如，我应该将所有函数分开并将它们放入单独的.js文件中吗？

或者是否有我可以使用的框架？也许人们通常会使用Node.Js？

任何建议都将不胜感激。我问你的帮助，因为我想知道那里有什么选择。

谢谢！

Answer 1

CommonJS and browserify和webpack目前是两个不错的选择。您可能想要阅读CommonJS（当前使用的节点）和ECMAScript 6模块（JS的官方模块化规范，它最有可能是模块化JS代码的下一个长期格式）。