Angular 7 和 CDN

Question

我正在使用 Angular 7 编写我的第一个 Angular 应用。

通常，在编写 HTML 时，我将 CDN 用于 Bootstrap、字体等。

查看一些教程时，他们建议保留默认生成的“index.html”，但这似乎是为标准 css、js 和字体添加 CDN 的明显位置。

Angular 是否有另一种添加 CDN 的方法。

Answer 1

如果您想使用 CDN，index.html 就是您的最佳选择。

但是，更常见的方法是 npm install 您要使用的库，然后使用 angular.json 从 node_modules 文件夹加载它

因此，例如，以这种方式使用 bootstrap CSS:

npm install --save bootstrap

然后在 angular.json 中

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

然后重启你的服务器。所有 Bootstrap 样式都将捆绑在您的应用程序中，并可从任何组件访问。

注意 angular.json 中有 2 个 styles 数组，您需要第一个。

当你想更新到更新版本的 bootstrap 时，只需 npm install 更新版本即可。

使用 node_modules 的好处是 (1) 在本地访问资源比从互联网访问资源更快 (2) 安装 node_modules 后，您的应用程序不再依赖互联网连接来获取资源。