javascript - 带有全局变量后备的 Typescript UMD

Question

我想用 Typescript 编写一个与浏览器兼容的 javascript 库，如 jQuery，并带有一个用于访问库 API 的全局变量。

这是一个例子...

索引.ts

export * from './lib/number';

./lib/number.ts

export function double(value: number): number {
  return value * 2;
}

tsconfig.json

{
  "compilerOptions": {
    "incremental": true,
    "target": "es5",
    "outDir": "build/main",
    "rootDir": "src",
    "moduleResolution": "node",
    "module": "UMD"
  }
}

输出

index.js

var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
}) : (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    o[k2] = m[k];
}));
var __exportStar = (this && this.__exportStar) || function(m, exports) {
    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
};
(function (factory) {
    if (typeof module === "object" && typeof module.exports === "object") {
        var v = factory(require, exports);
        if (v !== undefined) module.exports = v;
    }
    else if (typeof define === "function" && define.amd) {
        define(["require", "exports", "./lib/number"], factory);
    }
})(function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    __exportStar(require("./lib/number"), exports);
});
//# sourceMappingURL=index.js.map

如何设置打字稿以在窗口全局变量上生成后备？

window.MYLIBRARY = factory(require, exports);

标签： javascripttypescriptumd