typescript - 使用引用将一个 typescript 文件加载到另一个 typescript 文件中

Question

我是 Typescript 的新手。我想使用 <reference> 将一个 Typescript 文件加载到另一个 Typescript 文件中标签。

我做了一些事情，但它不起作用!请帮助我。

first.ts:

import * as $ from './JQuery';

alert("Message 2: I want to run!");
$("#myParagraph").click(function () {
    alert("hello!");
});

app.ts:

/// <reference path="./first.ts"/>

alert("Message 1: app.ts loaded!");

输出app.ts是app.js(自动生成)

/// <reference path="./first.ts"/>
alert("Message 1: app.ts loaded!");

如您所见，first.ts 的包含未加载到 app.js 文件中。我怎么解决这个问题？

tsconfig.json:

{
  "compilerOptions": {
    "noImplicitAny": false,
    "noEmitOnError": true,
    "removeComments": false,
    "sourceMap": true,
    "target": "es5",
    "outDir": "../wwwroot/scripts",
    "module": "umd"
  }
}

Answer 1

使用 --outFile TypeScript 编译器的参数，用于将所有内容连接到一个文件中。浏览器不会解析 <reference>标签。

像这样:

tsc --outFile my-big-javascript.js