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

How to make my frontend Javascript code more modular?

本文关键字:模块化 代码 Javascript 何使 我的 前端      更新时间:2023-09-26

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

它在前端非常繁重,使用许多函数来过滤和处理笔记,使用sigma.js库将它们可视化为图形等等。

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

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

我想让它更加模块化。

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

例如,我应该只分离所有函数并将它们放入单独的.js文件中吗?

或者有我可以使用的框架吗?也许人们通常与Node.Js一起使用的东西?

任何建议将不胜感激。我正在寻求您的帮助,因为我想看看有哪些选择。

谢谢!

CommonJS、browserify和webpack是目前两个不错的选择。你可能想阅读 CommonJS(当前使用的节点(和 ECMAScript 6 模块(JS 的官方模块化规范,最有可能成为模块化 JS 代码的下一个长期格式(。