使用TypeScript和Browserify如何更简单地导入和使用类

Question

在这个例子中我有2个文件。控制器和模型类。

我想在我的控制器中导入模型类并使用它。

所以在我的控制器中我希望能够做到：

import carModel = require('../models/CarModel.ts');
var newCar:car = new car(1, "red");

我的模特档案：

export class Car{
    constructor(
        public id: number,
        public color: string
    ){ }
}

我可以在我的控制器中执行此操作：

import carModel = require('../models/CarModel.ts');
var newCar:carModel.car = new carModel.car(1, "red");

但是，我希望能够在不使用carModel.car的情况下申报新车，只需使用car

我在我的Gulp版本中使用browserify，watchify，tsify，babel。

Answer 1

我会尝试

class Car{
    constructor(
        public id: number,
        public color: string
    ){ }
}
exports = Car;

看看这里：module.exports in typescript

如果您刚刚开始，可以查看es2015导入语法，该语法与打字稿兼容。 Typescript 1.8 - ES2015 imports in js files

Answer 2

怎么样

import {Car} from '../models/CarModel.ts'

Answer 3

我最终要做的是在我想要使用该模型的文件中创建一个新类。新类将扩展我导入的模型。

import carModel = require('../models/CarModel.ts');
class Car extends carModel.Car{}

现在我可以使用Car作为类型。