如何自定义 angular-cli 构建过程答案

【问题标题】：How to customize angular-cli build process如何自定义 angular-cli 构建过程
【发布时间】：2017-07-05 14:17:10
【问题描述】：

我正在研究 POC，我们必须在基于 spring mvc 的 Web 应用程序（单一战争）中打包 angular dist 文件夹。这将部署在 weblogic 和 tomcat 中。 War 文件将提供静态内容，即 Angular 2 应用程序。

现在我注意到的是，当 angular-cli 构建应用程序时，它正在使用“script”标签更新 index.html 以指向生成的“js”文件。我想自定义这个脚本标签，以便我可以在 url 中添加“上下文”名称。

这是可以做到的吗？或者如果我必须使用 webpack，webpack 是否支持这种自定义？

这是我想在 angular-cli 构建过程中添加的脚本标记示例

<script type="text/javascript" src="<CONTEXT-NAME>/inline.bundle.js"></script>

【问题讨论】：

【解决方案1】：

@angular-builders/custom-webpack 允许您自定义 Angular 构建。
indexTransform 选项允许您修改 index.html（包括脚本标签）。

免责声明：我是这个项目的所有者

【讨论】：

【解决方案2】：

你试过了吗：

对于您的特定技术堆栈（带有 Angular 的 Spring MVC），您可能需要查看 JHipster：

【讨论】：

是的，我尝试了你的第一个选项，它仍然只在“dist”文件夹中复制。
你使用的是什么版本的 angular-cli？
"angular-cli": "1.0.0-beta.28.3"。所以我能够修复它应该复制的文件夹，但我的问题是当 angular-cli 更新 index.html 时，我希望在每个脚本标签中添加特定的上下文名称。所以我不确定这是正确的解决方案，因为它只是复制特定文件夹中的文件。

【解决方案3】：

如果有人遇到这种情况，您可以在 .angular-cli.json 文件中设置脚本 src 前缀

  "apps": [
    {
      "deployUrl": "<CONTEXT-NAME>/"
    }]

【讨论】：