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

Posted 2023-03-07

【中文标题】webpack 如何以及在哪里使用 tsconfig.file 和 tsc

【英文标题】：How & where does webpack use the tsconfig.file and tsc

【发布时间】：2019-03-30 01:37:13

【问题描述】：

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

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

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

【问题讨论】：

Angular-cli 会处理这个问题。我们没有 ng 弹出来检查配置的选项。

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

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