Угловые 7 и CDNs

Question

Я пишу свое первое приложение Angular, используя Angular 7.

Обычно при написании HTML я использую CDN для Bootstrap, шрифтов и т. Д.

Глядя на некоторые учебные пособия, они рекомендуют оставить «index.html» по умолчанию как сгенерированный, но это, очевидно, очевидное место для добавления CDN для стандартных css, js и шрифтов.

Есть ли у Angular другой способ добавления CDN.

Answer 1

Эффективный способ использования альтернативы CDN - использовать команду npm install, и она будет предоставит вам функциональность лучше и быстрее, чем cdn, а также исправит ваш файл angular-json.

Answer 2

Я бы просто предложил использовать stackblitz.com . Они реализуют подход «на лету» к коду и запускают приложение Angular без необходимости его локального запуска.

Answer 3

Вы можете включить CDN в файл index.html и другой способ включения этих файлов:

npm install bootstrap --save

Затем включите это в сценарии вашего файла angular.json

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

Затем перезапустите приложение и создайте сервер.

Answer 4

Если вы хотите использовать 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) доступ к ресурсу локально быстрее, чем доступ к ресурсу из Интернета (2) после установки node_modules ваше приложение больше не использует интернет-соединение для захвата ресурса.