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

时间:2017-02-16 12:50:12

标签: angular webpack angular-cli

我正在研究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;}
}

3 个答案:

答案 0 :(得分:0)

你试过这个:

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

对于您的特定技术堆栈(带有Angular的Spring MVC),您可能需要查看JHipster:

https://jhipster.github.io/

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

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

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