tsconfig.json 内 TARGET 属性的影响

Question

下面是我项目的tsconfig.json

{
    "compilerOptions": {
        "module": "commonjs",
        "esModuleInterop": true,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "allowSyntheticDefaultImports": true,
        "strict": true,
        "target": "es6",
        "noImplicitAny": true,
        "moduleResolution": "node",
        "sourceMap": true,
        "outDir": "dist",
        "baseUrl": ".",
        "typeRoots": [
            "src/types",
            "node_modules/@types",
        ]
    },
    "include": [
        "src/**/*"
    ]
}

我的 Typescript 版本是 "typescript": "^3.9.5" 和 Node 版本 us ts-node": "^8.10.2".

我只想确认我是否从 "target": "es6" to "target": "es2020"` 更改 tsconfig.json 文件中的 target。这将如何影响我当前的项目或我我很好

Answer 1

TypeScript 是 ES6 的超集，因此您实际上是在使用 JavaScript 的 ES6 版本编写 TS 代码。但是，在编译时，生成的 JS 代码可能是 ES5 或更早版本。您需要定义编译器应该转换成哪个版本的 JS。这可以使用目标选项

设置

tsconfig.json 内 TARGET 属性的影响

Effect of TARGET property inside tsconfig.json

javascript

node.js

typescript

ecmascript-6

ecmascript-2020

tsconfig.json 内 TARGET 属性 的影响

Effect of TARGET property inside tsconfig.json

javascript

node.js

typescript

ecmascript-6

ecmascript-2020

tsconfig.json 内 TARGET 属性的影响