tsconfig中的include和Webpack中的entry字段有什么区别？

Question

include中的tsconfig.json和webpack中的输入字段之间有什么区别？

Answer 1

• tsconfig.json的包含用于指定从命令行调用TSC时tsc应该编译的文件。
• 输入字段指定将webpack用作捆绑程序时的输入文件（将遵循其导入内容）。

通常（有点不准确）：  -TSC是编译器，表示将TypeScript文件转换为JavaScript。  -Webpack是一个捆绑器-这意味着它需要几个模块（随后是从输入字段导入），并将它们捆绑到一个JavaScript文件中。

JavaScript模块具有“加载程序”的概念，类似于文件转换，它指示如何在导入特定文件时加载特定文件。

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

通常，更希望使用entry和webpack。

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