Angular 7和CDN

Question

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

通常，在编写HTML时，我会使用CDN（用于引导程序，字体等）。

通过查看一些教程，他们建议保留默认的“ index.html”作为生成的目录，但这似乎是为标准css，js和字体添加CDN的明显地方。

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

Answer 1

如果要使用CDN，则可以使用CDN index.html。

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

因此，例如，以这种方式使用引导CSS：

npm install --save bootstrap

然后在angular.json中

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

然后重新启动服务器。所有引导样式都将捆绑在您的应用中，并且可以从任何组件进行访问。

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

当您想更新到引导程序的较新版本时，只需npm install更新版本。

使用node_modules的好处是（1）在本地访问资源比从Internet访问资源（2）一旦安装了node_modules，您的应用就不再依赖Internet连接来获取资源。