typescript - 如何在 typescript 中为类使用单独的文件？

Question

我正在弄清楚如何构建一个 typescript 应用程序，其中所有类都保存在单独的 .ts 文件中。我正在使用 VS 代码。编译任务似乎正常工作(.ts 文件被转译为 .js 文件)，但是当我将 main.js 文件加载到我的 HTML 页面时，我得到了这个 javascript 错误:

Can't find variable: require

我的 typescript 代码:

// __________ car.ts __________ 
class Car {
    color: string;

    constructor(color: string) {
        this.color = color;
        console.log("created a new " + color + " car");
    }
}
export = Car;

// __________ main.ts __________ 
import Car = require('car');

class Startup {
    public static main(): number {
        console.log('Hello World');
        var c = new Car("red");
        return 0;
    }
}

我的 tsconfig 文件:

{
    "compilerOptions": {
        "module": "commonjs",
        "sourceMap":  true
    },
     "files": [
        "car.ts",
        "main.ts"
    ]
}

我在这里缺少哪一步？为什么 javascript 需要一个叫做“require”的东西？还是有另一种方法可以在单独的文件中处理类？

Answer 1

require函数是一个 part的节点。为了制作require在浏览器中工作，您需要安装 requirejs .

如果你想使用内部模块，添加outFile给你的tsconfig.json :

{
    "compilerOptions": {
        "module": "commonjs",
        "sourceMap":  true,
        "outFile": "app.js"
    },
     "files": [
        "car.ts",
        "main.ts"
    ]
}

并添加<script src="app.js"></script>在你的index.html文件。