如何在 angular-cli 构建中更改 dist 的文件夹结构？答案

【问题标题】：How to change folder structure of dist in angular-cli build?如何在 angular-cli 构建中更改 dist 的文件夹结构？
【发布时间】：2017-10-27 22:54:17
【问题描述】：

使用 --prod 参数 angular-cli 构建我的 Angular 应用程序后，生成大约。 24 个文件。我想要一个更干净的结构（只有文件夹和 index.html）。例如，我希望将所有生成的文件移动到一个名为“core”的文件夹中。

我的 dist 文件夹的结构是这样的：

 dist/
 dist/assets
 dist/config
 dist/... 23 files ...
 index.html

我想要这个结构（自动生成）：

dist/
dist/assets
dist/config
dist/core/... 23 files ...
index.html

我正在使用@angular/cli 1.4.7 版。

有什么办法吗？

【问题讨论】：

你为什么这么关心 dist 文件夹？
因为目前如果管理员下载应用程序并更新他们的旧安装，他们必须删除 23 个文件、assets 文件夹和 index.html 文件并复制新的 23 个文件、新的 index.html和 assets 文件夹到它们的安装路径（覆盖不会删除旧文件）。换句话说，用户只替换 2 个文件夹和一个文件而不是 24 个文件和一个文件夹更舒服。
我也在寻找自定义构建结构，因为它需要指定哪些文件落入我想要精确的文件夹
@Satish 你找到解决方案了吗？
@Satish 我找到了一种更改文件夹结构的方法。查看解决方案。

【解决方案1】：

编辑： 我创建了一个 bash 脚本，允许在使用 ng prod 构建后更改文件夹结构。你可以在这里找到它： https://gist.github.com/julianpoemp/41aad8d1d2fb888d422563cfbd76b8f0

根据 Angular/cli 开发人员的说法，目前这是不可能的。但如果你也想要这个功能，请在 github 上投票： https://github.com/angular/angular-cli/issues/14014

如果有很多人在寻找这个选项来设置dist的文件夹结构，开发者考虑添加它。

【讨论】：

你甚至可以通过修改angular.json 构建配置来实现这一点，而无需 bash 脚本。在这里查看我的解决方案stackoverflow.com/questions/60299668/…