Угловой вопрос новичка относительно установки пакетов

Question

Я задаю этот вопрос из-за проблемы, возникающей при использовании «bootstrap-select» для работы с Bootstrap 4, но это довольно общий концептуальный вопрос. Поехали:

В чем разница между установкой пакета и ссылкой на его css / js в html? Давайте возьмем bootstrap-select в качестве примера:

Я могу поместить ссылки, вставленные ниже, в index.html, и bootstrap-select будет работать (или, по крайней мере, так должно быть), но я также могу установить пакет с помощью "npm install bootstrap-select", так в чем же разница между обоими подходами? ? Достаточно ли одного из них, чтобы пакет работал? Требуются ли оба шага? Какая лучшая практика?

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.js" />

Другой пример, документация гласит, что для bootstrap-select требуется Popper, поэтому достаточно добавить следующую ссылку на скрипт в index.html или вместо этого я должен установить popper через npm install popper? Или я должен сделать оба?

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" />

Answer 1

Для angular рекомендуется использовать angular.cli.json (angular версия 4) и angualr.json в (angular 5) Вместо того, чтобы объявлять js-файлы в index.html, это сохраняет ваш код в чистоте. А установка через npm проста и сокращает усилия по обновлению версии js.

Answer 2

По моему мнению, лучшая практика - установить и войти в node_module. моя причина для этого будет

1. Вы должны быть подключены к Интернету во время загрузки приложения (Пакет не загружается, когда вы работаете в intraNet.

2. Возможно, вы никогда не узнаете, когда будет обновлен пакет CND, и у вас могут возникнуть некоторые проблемы после обновлений.

Не стесняйтесь поправлять меня:)