在Angular CLI中使用ng build --prod时使用cdn而不是本地服务

时间:2017-04-05 10:27:41

标签: angular angular-cli

我在本地为Bootstrap框架提供服务以进行开发。目前,我这样做的方法是在angular-cli.json中添加我的bootstrap,就像这样

 "styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.min.css",
        "styles.css"
      ],

顺便说一下,我用

  

ng build --prod

进行生产构建时。

当我为生产构建它时,是否有一个快速而好的技巧来使用CDN? 虽然我可以通过在index.html中手动添加一个bootstrap cdn并删除angular-cli.json中的那个来实现这一点。我只是想知道你们是怎么做的。

1 个答案:

答案 0 :(得分:2)

不确定这是否是您所追求的,但如果您想要通过cdn提供资源(例如,bundle.cssbundle.jsvendor.js

您可以运行ng build --prod --deploy-url "https://cdn.yoursite.com/"

然后在你的索引中你会看到:

<script type="text/javascript" src="https://cdn.yoursite.com/main.90c90d8887d1e50f79fb.bundle.js">

您必须在部署期间上传文件或将cdn指向您的应用。

Bootstrap将包含在捆绑包中,然后通过您自己的cdn

提供服务