角7和CDN

Question

我正在写我的第一个角度应用程序使用角7。

通常，在编写HTML时，我会使用CDN作为引导、字体等。

查看一些教程，他们建议将默认的'index.html‘保留为生成的，但这似乎是为标准css、js和字体添加CDN的显而易见的地方。

角有另一种方式添加CDN。

Answer 1

如果您想使用CDN，那么index.html就是这样做的地方。

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

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

npm install --save bootstrap

然后在angular.json

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

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

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

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

使用node_modules的好处是(1)本地访问资源比从internet访问资源要快(2)一旦安装了node_modules，应用程序就不再依赖互联网连接来获取资源。

Answer 2

您可以在index.html文件中包含CDN，另一种包含此文件的方法是：

npm install bootstrap --save

然后将其包含在angular.json文件的脚本中。

scripts [
    "./node_modules/bootstrap/dist/css/bootstrap.min.js"
]

然后重新运行您的应用程序并构建您的服务器。

Answer 3

我建议使用stackblitz.com。他们实现了即时的代码方法，并运行角应用程序，而不需要让它在本地运行。