我正在使用 TypeScript、Backbone 和 Mustache 编写一个 Web 应用程序。我想使用 Requirejs 进行依赖加载。
我还使用 TypeScript 的 Web Essentials Visual Studio 插件,并打开了 AMD 编译选项。对于那些不熟悉这一点的人来说,如果您导入外部模块,它会将您的类型脚本文件包装在 AMD 模块中。
例如:
在类型脚本中,我在类型定义文件中导入以下模块。
export import Backbone = module("Backbone");
import mainTemplate = module("MainTemplate");
输出类似于:
define(["require", "exports", "Backbone", "MainTemplate"], function(require, exports, __Backbone__, __mainTemplate__) {
//...code goes here ...
});
对于模板,我在类型定义文件中声明了以下内容:
declare module "MainTemplate" { }
为了支持 requirejs 插件,您需要将模块声明为:
declare module "text!MainTemplate.html" { }
我想保持模块名称不含插件和文件扩展名。这会给我将来留下一些灵活性。
我在 require 中有以下映射。
require.config({
map: {
"MyModule": {
"MainTemplate": "text!MainTemplate.html"
}
}
}
这成功调用了文本插件,但是该插件加载了错误的 url。仔细检查文本插件的源代码,我发现以下代码是罪魁祸首。
load: function (name, req, onLoad, config) {
...
url = req.toUrl(nonStripName),
//returns "scripts/**text!**MainTemplate.html**.html**"
...
}
如果我将模块命名为“MainTemplate.html”,它可以正常工作,但我希望将扩展名保留在模块名称之外。
我使用简单的正则表达式替换修改了文本插件,以删除插件引用和重复的扩展名。
有更好的方法来处理这个问题吗?