TypeScript能否编译为RequireJS规范的带定义函数的AMD模块？

当然可以！TypeScript完全支持生成你想要的那种带定义函数的AMD模块结构，不用额外复杂操作，下面分两种常见场景给你说明实现方法：

场景1：纯TypeScript模块（无外部依赖） #

如果你的代码里没有导入任何外部模块，只需简单配置就能生成目标结构：

步骤1：编写TS代码 #

// my/shirt.ts
// 在这里做模块初始化工作
const shirtModule = {
    color: "black",
    size: "unisize"
};

export default shirtModule;

步骤2：配置tsconfig.json #

确保module选项设置为"amd"，其他参数按需调整：

{
  "compilerOptions": {
    "module": "amd",
    "target": "ES5", // 根据需求选择JS目标版本
    "outDir": "./dist" // 指定编译后的输出目录
  },
  "include": ["my/shirt.ts"]
}

最终编译结果 #

执行tsc命令后，dist/my/shirt.js会生成你期望的结构：

define(function () {
    "use strict";
    var shirtModule = {
        color: "black",
        size: "unisize"
    };
    return shirtModule;
});

场景2：手动完全控制define结构 #

如果需要更灵活的初始化逻辑，可以直接在TS中调用全局define函数，同时添加类型声明避免语法报错：

步骤1：编写自定义TS代码 #

// my/shirt.ts
// 声明define函数类型，让TypeScript识别这个全局方法
declare function define(factory: () => any): void;

define(function() {
    // 在这里执行自定义的初始化工作
    console.log("Shirt module setup finished");
    return { color: "black", size: "unisize" };
});

步骤2：编译 #

直接执行tsc my/shirt.ts --module amd，生成的JS代码和你写的几乎完全一致：

define(function() {
    // 在这里执行自定义的初始化工作
    console.log("Shirt module setup finished");
    return { color: "black", size: "unisize" };
});

小提示 #

如果编译后意外出现define(["module"], function(module) {...})的结构，说明你的代码里隐式使用了module对象（比如module.id），去掉这类用法就能回到无依赖的define结构。如果需要给模块指定名称，可以在TS文件顶部添加/// <amd-module name="my/shirt" />指令，编译后会生成带名称的AMD模块。

内容的提问来源于stack exchange，提问作者Michael Wilson