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

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

这里是我的打字稿设置：

这是我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" 
    ] 
    } 
}

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

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

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

来源

2017-05-01 CrazySynthax

如果你的“应用程序工作正常”，那么你必须有js文件。 Webstorm通常会将同一个原始ts文件的不同类型的文件组合在一起，因此您将在左边有一个带有三角形图标的“index.ts”条目。点击它会显示你的js文件和js.map文件（如果生成的话）。 –

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

例如有角CLI工具，你可以建立运行ng build或开发应用程序，你可以建立，看文件，服务与ng serve

要回答原来的问题时，这篇博客文章应该帮助你https://blog.jetbrains.com/webstorm/2016/03/how-to-compile-typescript-in-webstorm/

来源

2017-05-01 14:12:42 Vojtech

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

来源

2017-05-03 16:02:38 lena

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

回答

相关问题