TypeScript:如何用窗口对象替换导入？

Question

我创建了一个需要第三方库的 TypeScript 模块:

import Dexie from "dexie";

namespace storage {
  ...
}

当我编译我的 TypeScript 文件时，我得到以下 JavaScript 输出:

"use strict";
var dexie_1 = require("dexie");
var storage;
(function (storage) {
  ...
})(storage || (storage = {}));

在 Node.js 环境中使用输出时，我对此没有意见。但是为了在浏览器中使用，我想将 var dexie_1 = require("dexie"); 替换为 window 中的对象，例如:var dexie_1 = window .Dexie;.

我可以用 window(全局命名空间)中的对象替换编译后的 JS 中的 require 语句吗？有没有 Gulp 插件之类的。周围相似？

我的 tsconfig.json 是这样的:

{
  "compilerOptions": {
    "module": "commonjs",
    "moduleResolution": "node",
    "target": "es5"
  },
  "exclude": [
    "node_modules",
    "typings/browser",
    "typings/browser.d.ts"
  ]
}

Answer 1

How to replace imports with window objects?

这是不可能的。有两种选择:

使用全局对象

在浏览器中，当对象被 <script> 加载时，您的代码将其用作全局变量。在 TypeScript 中，您必须使用全局声明文件。这里没有使用模块，所以没有import做。

使用打包器或加载器

您可以使用 bundler ，for example Webpack .或者 a loader like SystemJS .