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

Question

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

然而，使用 webpack 编译项目，而没有安装 tsc。然而 tsconfig.json 仍然存在于项目根目录中。

我感兴趣的问题是，webpack 如何使用 tsconfig.file？它是否在引擎盖下使用 tsc 命令？在 webpack 项目中是否需要 tsconfig.json 文件？

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文件不存在，我不熟悉他们会做什么。