webpack如何以及在哪里使用tsconfig文件和tsc？

Question

webpack如何以及在哪里使用tsconfig文件和tsc？

node.jsangulartypescriptwebpack

9

在一个TypeScript项目中，通常会有一个tsconfig.json文件。使用tsc NPM命令可以将项目编译成JavaScript。

但是，在Webpack中，项目是没有安装tsc的情况下进行编译的。尽管如此，tsconfig.json仍然存在于项目根目录中。

我感兴趣的问题是，Webpack如何使用tsconfig.file？它是否在幕后使用tsc命令？在Webpack项目中，tsconfig.json文件是否必要？

- Tomas Katz

Angular-cli负责处理这个问题。我们没有选择ng eject来检查配置。 - Pranesh Udumalpet Hanumanth

1

我没有使用Angular-cli，而且Angular并不是唯一可以与webpack一起使用的框架。 - Tomas Katz

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Matt McCutchen · Accepted Answer

使用Webpack，您所询问的行为取决于您在Webpack配置中使用的TypeScript加载器，例如ts-loader或awesome-typescript-loader。我认为这两个加载器都需要您在项目中安装typescript npm包（因此实际上tsc可执行文件应该存在于您的node_modules/.bin中），并且加载器会执行等效于require("typescript")的操作，并在进程中使用TypeScript编译器API，而不是执行tsc子进程。如果存在tsconfig.json文件，则这些加载器将遵循大多数设置，因此您可以在IDE和Webpack构建之间共享设置。我不熟悉如果不存在tsconfig.json文件时它们会做什么。