如何定制angular-cli构建过程

Question

我在POC上工作，我们必须将angular dist文件夹打包在基于spring mvc的web应用程序中(Single war)。这将部署在weblogic和tomcat中。War文件将服务于angular 2应用程序的静态内容。

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

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

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

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

Answer 1

@angular-builders/custom-webpack允许您自定义Angular构建。

indexTransform选项允许您修改index.html (包括脚本标记)。

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

Answer 2

你有没有试过这个：

https://stackoverflow.com/a/40120805/2637605

对于您的特定技术堆栈(Spring MVC with Angular)，您可能希望查看JHipster：

https://jhipster.github.io/

Answer 3

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

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