網站搜尋

javascript - 在 TypeScript 中將類別匯出為 Node.js 模組


我熟悉 TypeScript 中的 export 關鍵字,以及使用 TypeScript 從 Node 模組導出東西的兩種典型方式(當然,TypeScript 模組也可以使用,但它們甚至更偏離我所尋找的內容):

export class ClassName { }

以及一系列

export function functionName () { }

然而,我通常編寫模組的方式,使它們之後可以作為可實例化的閉包被導入,是:

var ClassName = function () { };
ClassName.prototype.functionName = function () { };
module.exports = ClassName;

有沒有辦法我可以使用 TypeScript 的 export 語法來做這件事?

答案#1

你可以在 TypeScript 0.9.0 中非常簡單地做到這一點:

class ClassName { 
    functionName () { }
}

export = ClassName;

答案#2

這是我如何使用 TypeScript 匯出 CommonJS(Node.js)模組的方法:

src/ts/user/User.ts

export default class User {
  constructor(private name: string = 'John Doe',
              private age: number = 99) {
  }
}

src/ts/index.ts

import User from "./user/User";

export = {
  user: {
    User: User,
  }
}

tsconfig.json

{
  "compilerOptions": {
    "declaration": true,
    "lib": ["ES6"],
    "module": "CommonJS",
    "moduleResolution": "node",
    "noEmitOnError": true,
    "noImplicitAny": true,
    "noImplicitReturns": true,
    "outDir": "dist/commonjs",
    "removeComments": true,
    "rootDir": "src/ts",
    "sourceMap": true,
    "target": "ES6"
  },
  "exclude": [
    "bower_components",
    "dist/commonjs",
    "node_modules"
  ]
}

dist/commonjs/index.js(編譯後的模組入口點)

"use strict";
const User_1 = require("./user/User");
module.exports = {
    user: {
        User: User_1.default,
    }
};
//# sourceMappingURL=index.js.map

dist/commonjs/user/User.js(已編譯的 User 類)

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
class User {
    constructor(name = 'John Doe', age = 72) {
        this.name = name;
        this.age = age;
    }
}
exports.default = User;
//# sourceMappingURL=User.js.map

測試程式碼 (test.js)

const MyModule = require('./dist/commonjs/index');
const homer = new MyModule.user.User('Homer Simpson', 61);
console.log(`${homer.name} is ${homer.age} years old.`); // "Homer Simpson is 61 years old."