我想开始在我的项目中使用 requirejs,该项目已经开发了大约一年,而且它很大。
该项目是asp.net,母版页有大约50个脚本,其中一半是项目的自定义脚本,其中大部分是使用显示模块模式编写的,另一半是第三方脚本和jquery插件。
页面中也有很多内联的JS代码。
如果有人能告诉我重构项目的最佳策略是什么,我将不胜感激。也许有一些方法可以一步一步来,以免阻碍开发团队的其他成员。
选择 AMD 模块模式只有一个很好的理由:通过将 JS 代码拆分为可管理的模块来保护开发人员的理智。
只有一种方法可以保持理智并仍然提供紧凑、高效的页面——你需要“构建”你的 AMD 树。否则所有的小模块都会变成一堆 HTTP Get 请求,拖慢你的应用程序。
在您的特定情况下使用“内置 AMD 树”的一个副作用是您可能会从缩小的 JavaScript 中受益。您的应用程序已经由服务器 gziped 提供,但缩小 JavaScript 会使它们变得更小。另外,与可能由服务器分配的缓存设置非常短的 aspx 文件相比,单独的静态 JS 文件具有更好的缓存签名。
“构建” AMD 树的方法:
2.然后把这些文件转成AMD模块。重新测试您的应用。
3. 然后在树上运行 AMD 树优化器以获取一个包含所有 AMD 模块的长 JS 文件。针对该模块重新测试您的应用程序。
AMD 构建工具中有一个既定的领导者: https ://github.com/jrburke/r.js
但我建议您先尝试以下方法:http: //prunejs.com/
第一个需要狡猾的配置,很多耐心。PruneJS 不需要配置,但不如 r.js 灵活。
除非你承诺一路走下去——“建立 AMD 树”——否则不要走 AMD。这不值得。