1

我想开始在我的项目中使用 requirejs,该项目已经开发了大约一年,而且它很大。

该项目是asp.net,母版页有大约50个脚本,其中一半是项目的自定义脚本,其中大部分是使用显示模块模式编写的,另一半是第三方脚本和jquery插件。

页面中也有很多内联的JS代码。

如果有人能告诉我重构项目的最佳策略是什么,我将不胜感激。也许有一些方法可以一步一步来,以免阻碍开发团队的其他成员。

4

1 回答 1

1

选择 AMD 模块模式只有一个很好的理由:通过将 JS 代码拆分为可管理的模块来保护开发人员的理智。

只有一种方法可以保持理智并仍然提供紧凑、高效的页面——你需要“构建”你的 AMD 树。否则所有的小模块都会变成一堆 HTTP Get 请求,拖慢你的应用程序。

在您的特定情况下使用“内置 AMD 树”的一个副作用是您可能会从缩小的 JavaScript 中受益。您的应用程序已经由服务器 gziped 提供,但缩小 JavaScript 会使它们变得更小。另外,与可能由服务器分配的缓存设置非常短的 aspx 文件相比,单独的静态 JS 文件具有更好的缓存签名。

“构建” AMD 树的方法:

  1. 将散布在 aspx 文件周围的所有大块JavaScript 代码放入单独的 JS 文件中。将它们的脚本标签插入到您的 aspx 中。测试,确保您的应用仍然有效。

2.然后把这些文件转成AMD模块。重新测试您的应用。

3. 然后在树上运行 AMD 树优化器以获取一个包含所有 AMD 模块的长 JS 文件。针对该模块重新测试您的应用程序。

AMD 构建工具中有一个既定的领导者: https ://github.com/jrburke/r.js

但我建议您先尝试以下方法:http: //prunejs.com/

第一个需要狡猾的配置,很多耐心。PruneJS 不需要配置,但不如 r.js 灵活。

除非你承诺一路走下去——“建立 AMD 树”——否则不要走 AMD。这不值得。

于 2013-01-17T02:44:40.533 回答