如何查看Angular应用内置的webpack.config配置？

Angular CLI 默认将webpack配置做了内置封装，不会直接在项目根目录生成可查看的配置文件，无需自定义配置也可以通过官方内置命令输出最终生效的完整配置：

• 输出配置到屏幕
  执行对应命令时加上--show-config参数即可直接打印最终webpack配置：

  • 查看构建场景的配置：ng build --show-config
  • 查看本地启动服务场景的配置：ng serve --show-config
  • 查看指定环境的配置（如生产环境）：ng build --configuration production --show-config

• 输出配置到本地文件
  可以通过重定向命令将打印的内容直接写入指定文件：

  ng build --show-config > webpack.config.output.js
  

  执行后项目根目录会生成webpack.config.output.js文件，里面就是完整的最终生效webpack配置。

注意：以上方案不会修改你现有项目的任何结构，也不需要执行eject操作暴露配置，完全符合仅查看的需求。
如果你使用的是Angular 12以下的早期版本，--show-config参数可能不支持，仅在确实必要的情况下可以使用ng eject命令暴露配置，该操作会直接修改项目构建配置且不可逆，非必要不建议使用。

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