将 RequireJS 与遗留代码结合使用

2024-05-17

我正在处理一个非常大的项目,该项目使用:

  1. 包含带有脚本标记的 javascript 文件的旧版 JSP 页面
  2. 使用其他 javascript 模块而不使用 RequireJS 的骨干模型和视图

现在,我们希望开始将 RequireJS 与 jQuery、BackboneJS 和 UnderscoreJS 一起用于我们从现在开始开发的所有内容,但我们没有资源来重写所有旧版 JSP 页面。我们可能有时间重写我们已经开发的 Backbone 模型和视图。

问题是,对于我们的遗留代码(上面的 1 和 2),我们将所有 javascript 文件包含在一个大文件中并发送到浏览器。这个巨大的文件必须能够与我们新的 RequireJS 模板共存,但是我怎样才能分隔大文件的某些部分,以便我可以使用 RequireJS 将它们与模板一起使用?无需重写使用该文件的这一部分的所有页面,或具有重复的代码。

Thanks!


我不知道我是否完全理解了眼前的问题,但我认为shim or mapRequireJS 的功能将为您提供帮助。

从巨大的 javascript 文件中提取新模块中所需的部分。然后使用 shim 告诉 RequireJS 你巨大的 javascript 文件是这个新模块的依赖项。就像是:

requirejs.config({
    shim: {
        'new-module': {
            deps: ['huge-javascript-file'],
            exports: 'NewModule'
    }
});

垫片文档:http://requirejs.org/docs/api.html#config-shim http://requirejs.org/docs/api.html#config-shim

当只有部分新代码必须使用旧的大文件时,映射函数可能很有用。查看此文档:http://requirejs.org/docs/api.html#config-map http://requirejs.org/docs/api.html#config-map

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将 RequireJS 与遗留代码结合使用 的相关文章

随机推荐