javascript - tsconfig 中的 `include` 和 webpack 中的 `entry` 字段有什么区别？

Question

tsconfig.json中的include和webpack中的entry字段有什么区别？

Answer 1

• tsconfig.json 的 include 用于指定从命令行调用 TSC 时 tsc 应编译哪些文件。
• 入口字段指定使用 webpack 作为 bundler 时的入口文件(将遵循其导入)。

一般来说(有点不准确): - TSC 是一个编译器，这意味着它将 TypeScript 文件转换为 JavaScript。 - Webpack 是一个 bundler - 这意味着它需要多个模块(然后从输入字段导入)并将它们捆绑到单个 JavaScript 文件中。

JavaScript 模块有一个“加载器”的概念，它就像一个文件转换，指示在导入某个文件时如何加载该文件。

可以告诉 Webpack 使用 TypeScript 作为 .ts 文件的加载器(通过 ts-loader)，此时它将进行编译(使用 TSC 和tsconfig 文件)。这意味着它将加载该条目并使用 TSC 编译它正在加载的所有文件(以及它们正在加载的文件等等)。

通常，使用 entry 和 webpack 更可取。

如果您确实使用 tsconfig 的 include 部分，它将由 ts-loader 使用 - 它将加载该定义指定的文件，并且它们的接口(interface)将可用于 typescript 。这有时对于“全局”定义很有用。