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."
