javascript - 从 TypeScript 制作的 JavaScript 文件中删除 require 语句

Question

我正在开发一个网站，我正在使用 TypeScript。

我使用 tsc编译器和我所有的 JavaScript 都能正确编译，但如果我使用 import在我的 TypeScript 中声明，然后它作为 require 编译到 JavaScript 文件中不能在网络上使用的语句。

我知道我可以使用类似 browserify 的东西解决这个问题，但是当它看到一个 require 时，它包括其他 JavaScript 文件的代码陈述。我更愿意使用 <script src="..."></script> 在我的 HTML 中包含每个 JavaScript 文件.

---

如何防止 TypeScript 生成 require编译后的 JavaScript 代码中的语句？

---

这是我的 tsconfig.json 的内容文件:

{
    "compilerOptions": {
        "target": "es6",
        "module": "commonjs",
        "lib": [
            "es6",
            "dom"
        ],
        "sourceMap": true,
        "outDir": "./typescript/compiled",
        "removeComments": true,
        "noImplicitAny": true,
        "noImplicitThis": true,
        "strictNullChecks": true,
        //"noEmit": true,
        "forceConsistentCasingInFileNames": true
    },
    "include": [
        "./typescript/**/*.ts"
    ]
}

---

ma​​in.ts

import { Helper } from "./helper";

var helper = new Helper();

helper.ts

export class Helper {
    // ...
}

ma​​in.js

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const helper_1 = require("./helper");
var helper = new helper_1.Helper();
//# sourceMappingURL=main.js.map

Answer 1

如果您没有在 JavaScript 应用程序中使用模块。您甚至不在 typescript 文件中使用 import 。因为使用 import 意味着您将该文件导入到您的代码中。

如果你想单独拥有javascript文件，使用

/// <reference path=".. definition you want to refer ..." />

相反。

已更新

从 TypeScript 1.5 开始，如果你的文件在

"include": [
        "./typescript/**/*.ts"
    ]

您不必再做 reference ... 了。