requirejs成熟的项目

时间:2013-01-16 16:44:28

标签: requirejs amd

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

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

页面中还有许多内嵌的JS代码。

如果有人能告诉我什么是重构项目的最佳策略,我将不胜感激。 也许是一步一步做到这一点,以免阻碍开发团队的其他人。

1 个答案:

答案 0 :(得分:1)

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

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

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

“构建”AMD树的方法:

  1. 获取围绕aspx文件的所有块JavaScript代码,并将其放入单独的JS文件中。将脚本标记插入到您的aspx中。测试,确保您的应用仍然有效。
  2. 2。 然后将这些文件转换为AMD模块。重新测试你的应用程序。

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

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

    但是我建议您首先尝试: http://prunejs.com/

    首先需要狡猾的配置,耐心等待。 PruneJS不需要配置,但不如r.js灵活。

    除非你承诺一直走 - “建立AMD树” - 不要去AMD。这不值得。