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

Question

我在本地为我的开发提供 Bootstrap 框架。目前，我这样做的方式是像这样在 angular-cli.json 中添加我的引导程序

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

顺便说一句，我用

ng build --prod

在制作我的生产版本时。

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

Answer 1

不知道这是否是你所追求的，但如果你想成为资产过一个CDN（如，bundle.css，bundle.js，vendor.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 提供