为什么导出接口、枚举或类型不会在 TypeScript 中创建模块？

Question

我有以下 TS 文件 ( enums.ts ) 我尝试在另一个文件中导入

export interface ZZZ { 
  z: number
}

export const enum EnumTest {
  T2,
  T3,
  XY
}

export type EnumTest_Strings = keyof typeof EnumTest;

export function toto(){ }; // commenting this 'removes' the module

如果我删除最后一行，我将无法在另一个文件中导入任何内容。 它说它没有找到模块“ ./enums ”。

有没有一种无需声明函数就可以创建模块的方法？

Answer 1

对于const enum

您需要在tsconfig.json文件中启用preserveConstEnums 。

preserveConstEnums：不要删除生成代码中的 const 枚举声明。 const 枚举提供了一种通过发出枚举值而不是引用来减少应用程序在运行时的整体 memory 占用空间的方法。

启用preserveConstEnums然后这个 typescript 代码：

export interface ZZZ { 
  z: number
}

export const enum EnumTest {
  T2,
  T3,
  XY
}

export type EnumTest_Strings = keyof typeof EnumTest;

将导致此 javascript 代码：

export var EnumTest;
(function (EnumTest) {
    EnumTest[EnumTest["T2"] = 0] = "T2";
    EnumTest[EnumTest["T3"] = 1] = "T3";
    EnumTest[EnumTest["XY"] = 2] = "XY";
})(EnumTest || (EnumTest = {}));

操场

对于常规enum

或者，您可以使用常规enum而不是const enum 。

使用常规enum ，则此 typescript 代码：

export interface ZZZ { 
  z: number
}

export enum EnumTest {
  T2,
  T3,
  XY
}

export type EnumTest_Strings = keyof typeof EnumTest;

将导致此 javascript 代码：

export var EnumTest;
(function (EnumTest) {
    EnumTest[EnumTest["T2"] = 0] = "T2";
    EnumTest[EnumTest["T3"] = 1] = "T3";
    EnumTest[EnumTest["XY"] = 2] = "XY";
})(EnumTest || (EnumTest = {}));

操场

enum和const enum的区别

常规enum :s 是：

• 比const enum更全面：s
• 编译下来为 javascript object

const enum :s 是：

• 比常规enum更严格：s
• 在转译过程中“离开”编译。

这意味着const enum :s 在运行时（或作为库的一部分）无法访问，但是const enum :s 在生成的 javascript 中留下的足迹更少。 例如：如果 EnumTest 是常规枚举， console.log(EnumTest.XY)将转译为console.log(EnumTest.XY) EnumTest如果EnumTest是一个常规enum ，它将转译为console.log(2 /* XY */) const enum 。

操场

关于interface和type

这些是“只是”类型，它们在原版 javascript 中无法以任何形状或形式访问或相关，因此 typescript 默认不会以任何方式将它们包含在构建 output 中。 如果您在 tsconfig.json 中启用declaration ，您仍然可以以类型声明的形式将它们包含在tsconfig.json中。 这不会在运行时或与 javascript 互操作期间改变您的代码行为。 但它会允许其他 typescript 文件导入您转译的 javascript，就像它是常规 typescript 一样。

启用declaration后，此 typescript 代码：

export interface ZZZ { 
  z: number
}

export enum EnumTest {
  T2,
  T3,
  XY
}

export type EnumTest_Strings = keyof typeof EnumTest;

将在您的 javascript 旁边生成此声明文件 ( .d.ts )：

export interface ZZZ {
    z: number;
}
export declare enum EnumTest {
    T2 = 0,
    T3 = 1,
    XY = 2
}
export declare type EnumTest_Strings = keyof typeof EnumTest;

操场