如何在单个 html 文件中构建 Angular 应用程序，并将所有脚本内联？

Question

使用 Angular 8，我正在寻找一种方法将我的 Angular Web 应用程序构建到单个 html 文件中，以内联方式放置所有 javascript 和 css 文件。我必须能够通过电子邮件发送此 html 文件，并且收件人应该只能通过查看此 index.html 文件来看到该应用程序。谢谢大家的回答！！托马斯

Answer 1

打开 angular.json 文件并编辑或将此对添加到项目中。(your-project-name).architect.build.configurations

....
 "optimization": true,
 "outputHashing": "all",
 "sourceMap": false,
 "extractCss": true,
 "namedChunks": false,
 "aot": true,
 "extractLicenses": true,
 "vendorChunk": false,
 "buildOptimizer": true
....

一旦您将应用程序构建到生产环境中，它将执行您需要的操作：

  ng build --prod 

该应用程序将被缩小并导出到一个 dist 文件夹或您为构建指定的文件夹...

为了将文件发送到电子邮件，我的理解是您需要与其他一些用户共享该应用程序而不将其存放在某个地方..？如果是这样，我建议您使用Electron，它的工具将为您将角度应用程序输出到桌面应用程序中，并带有可执行文件以直接运行它