执行ng build后Angular生成的output目录和dist目录是否相同？

开发者阿泽

2026-10-7

Angular 构建输出目录差异问题解答

二者属于完全相同的可部署构建产物，只是目录名称不同，不影响任何实际功能，你可以直接把output目录下的所有文件上传到S3完成部署。
Angular的构建输出路径不是固定值，是可通过配置自定义的：
打开项目根目录下的angular.json配置文件，找到architect > build > options下的outputPath字段，该字段的取值就是ng build命令的输出目录。教程作者的项目该字段配置为dist开头的路径，你的项目配置为output开头的路径，才会出现目录名差异。
两个目录下的内容本质一致，都包含Angular项目编译打包后的静态资源：HTML入口文件、压缩后的JS/CSS代码、图片字体等静态资产，完全满足S3静态站点部署的要求。
如果你希望和教程保持一致，只需要把outputPath的字段值修改为dist/你的项目名称，重新执行ng build就会生成dist目录。