为什么WebStorm不从TypeScript文件中提取JavaScript文件？

Question

我使用WebStorm编写Angular 4项目。我看到虽然我创建了TypeScript文件并且我的应用程序工作正常，但我没有在项目中看到任何JavaScript文件。 WebStorm通常将TypeScript文件“翻译”为JavaScript文件。我不知道为什么它不会发生在这里。

以下是我对TypeScript的设置：

这是我的tsconfig.json：

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "baseUrl": "src",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2016",
      "dom"
    ]
  }
}

如果我查看项目的文件系统，我会看到：

.ts文件旁边没有三角形。

但是，我可以看到dist文件夹包含一些js文件。也许它是Angular 4的一个功能。它包装所有TypeScript文件并生成一个捆绑的js文件。

Answer 1

在tsconfig.json，您有"compileOnSave": false。如果未启用此选项，则内置编译器不会发出.js个文件，它仅用作服务（用于错误报告等）。您的应用程序可能由ng serve构建，它使用webpack编译和捆绑您的文件，因此您不需要使用内置编译器生成.js文件。

Answer 2

仅在启用TS文件时对其进行转换。问题是为什么要在/src中翻译JS文件？角度应用程序使用您使用的构建工具自动构建。

例如，使用Angular CLI工具，您可以通过运行ng build来构建，或者在开发应用时，您可以构建，观看文件并使用ng serve提供

要回答原始问题，此博文应该可以帮助您https://blog.jetbrains.com/webstorm/2016/03/how-to-compile-typescript-in-webstorm/