node.js - webpack 如何以及在哪里使用 tsconfig.file 和 tsc

Question

通常在 typescript 项目中，您有一个 tsconfig.json 文件，该文件与 tsc npm 命令一起使用以将项目编译为 javascript。

但是使用 webpack 可以编译项目，而无需安装 tsc。但 tsconfig.json 仍然存在于项目根目录中。

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

Answer 1

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