如何让我的前端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 ( node当前使用的)和ECMAScript 6模块( JS的官方模块化规范，它最有可能成为模块化JS代码的下一个长期格式)。