如何使用 Yarn 将 TypeScript 转换为 JavaScript？答案

【问题标题】：How do I transpile TypeScript to JavaScript with Yarn?如何使用 Yarn 将 TypeScript 转换为 JavaScript？
【发布时间】：2020-06-30 17:02:07
【问题描述】：

如何在 Yarn 管理的项目中用 JavaScript 转换 TypeScript 代码？

我需要 Javascript 代码才能与其他编译器（例如 GraalVM）一起运行它并调查性能。

【问题讨论】：

标签： javascript typescript yarnpkg

【解决方案1】：

您可以通过将构建规则添加到您的 package.json 来做到这一点。

{
  "name": "my-package",
  "scripts": {
    "build": "tsc -p .",
  }
}

将 . 替换为 tsconfig.json 文件的路径，例如，包含以下行。

{
    "compilerOptions": {
      "target": "ES2019",                       /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */
      "module": "commonjs",                     /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */
       "outDir": "./dist",                      /* Redirect output structure to the directory. */
      "strict": true,                           /* Enable all strict type-checking options. */
      "strictNullChecks": true,                 /* Enable strict null checks. */
      "esModuleInterop": true,                  /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
      "forceConsistentCasingInFileNames": true  /* Disallow inconsistently-cased references to the same file. */
    }
}

运行yarn run build。

转译后的 JavaScript 文件将位于 ./dist 目录中。

【讨论】：