WebStorm中Angular项目如何查看extends后的完整tsconfig配置？

我来帮你解决这个Angular tsconfig的问题，刚好WebStorm有你需要的功能，而且合并重复配置的思路也很清晰：

一、查看继承后的完整tsconfig.lib.json配置 #

WebStorm自带了类似VS查看web.config合并视图的功能，能直接展示包含所有继承选项的完整配置：

• 打开WebStorm中的tsconfig.lib.json文件
• 在编辑器窗口的右上角，找到**"Show merged config"**按钮（图标是两个重叠的文档），点击它
• 这时会弹出一个新标签页，里面显示的就是合并了tsconfig.json所有继承选项后的完整配置——既包含子文件自身的自定义设置，也包含主文件的基础配置，完全满足你查看完整配置的需求。

二、将重复配置移至主tsconfig.json #

要把多文件重复的配置统一到主文件，按以下步骤操作更稳妥：

1. 识别重复项：通过上面的合并视图，对比tsconfig.lib.json、tsconfig.lib.prod.json、tsconfig.spec.json这几个子文件，找出那些在多个子文件中重复出现且配置值完全一致的选项。
   • 注意：如果子文件中的选项是用来覆盖主文件的（比如prod环境下关闭declarationMap），这类属于场景特定配置，不能移到主文件，只有通用且重复的配置才适合合并。
2. 迁移配置：把识别出的重复选项从各个子文件中删除，添加到主tsconfig.json对应的位置（比如compilerOptions节点下，或顶层配置）。
3. 验证结果：每次修改后，再次使用"Show merged config"功能查看子文件的完整配置，确保和迁移前的逻辑完全一致，没有破坏原有构建或测试的配置规则。

举个实际例子：
假设你发现三个子文件里都有完全相同的配置：

"compilerOptions": {
  "target": "ES2020",
  "module": "ESNext"
}

而主tsconfig.json里没有这些设置，那你就可以把这两行移到主文件的compilerOptions中，然后从三个子文件里删除它们，这样子文件会自动继承主文件的配置，避免重复代码。

最后提醒下：Angular的这些tsconfig文件各司其职，主文件是基础通用配置，子文件针对库构建、生产构建、测试等场景做定制，迁移时一定要区分通用配置和场景特定配置，别搞混哦。

内容的提问来源于stack exchange，提问作者Stefan