Angular 7 和 CDN
Angular 7 and CDNs
我正在使用 Angular 7 编写我的第一个 Angular 应用程序。
通常，在编写 HTML 时，我会使用 CDN Bootstrap、字体等
查看一些教程，他们建议保留默认值 'index.html' 生成，但这似乎是为标准 css、js 和字体添加 CDN 的明显位置。
Angular是否有另一种添加 CDN 的方法。
如果您想使用 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 后，您的应用程序不再依赖互联网连接以获取资源。
我只是建议使用 stackblitz.com。他们对代码和 运行 Angular 应用程序实施即时方法，而无需 运行 在本地安装。
您可以在 index.html 文件中包含 CDN，另一种包含此文件的方法是：
npm install bootstrap --save
然后将其包含在您的 angular.json 文件的脚本中
scripts [
"./node_modules/bootstrap/dist/css/bootstrap.min.js"
]
然后重新运行您的应用并构建您的服务器。
使用 CDN 替代方案的有效方法是使用 npm install 命令，它将
为您提供比 cdn 更好更快的功能，还可以修复您的 angular-json 文件。
npm 安装bootstrap --保存
我正在使用 Angular 7 编写我的第一个 Angular 应用程序。
通常，在编写 HTML 时，我会使用 CDN Bootstrap、字体等
查看一些教程，他们建议保留默认值 'index.html' 生成，但这似乎是为标准 css、js 和字体添加 CDN 的明显位置。
Angular是否有另一种添加 CDN 的方法。
如果您想使用 CDN，那么 index.html 就是您的最佳选择。
但是，更常见的方法是 npm install 您要使用的库，然后使用 angular.json
因此，例如，以这种方式使用 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 后，您的应用程序不再依赖互联网连接以获取资源。
我只是建议使用 stackblitz.com。他们对代码和 运行 Angular 应用程序实施即时方法，而无需 运行 在本地安装。
您可以在 index.html 文件中包含 CDN，另一种包含此文件的方法是：
npm install bootstrap --save
然后将其包含在您的 angular.json 文件的脚本中
scripts [
"./node_modules/bootstrap/dist/css/bootstrap.min.js"
]
然后重新运行您的应用并构建您的服务器。
使用 CDN 替代方案的有效方法是使用 npm install 命令，它将 为您提供比 cdn 更好更快的功能，还可以修复您的 angular-json 文件。
npm 安装bootstrap --保存