Question

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

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

这可以做些什么吗？或者如果我必须使用webpack，webpack是否支持此自定义？

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

.sw_intro{
    animation: introtop;
    animation-duration: 0.8s;
    animation-delay: 2s;
}

@keyframes introtop {
    from {margin-top: 0;}
    to {margin-top: 100vh;}
}

Answer 1

你试过这个：

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

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

https://jhipster.github.io/

Answer 2

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

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

Answer 3

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

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

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

3 个答案: