Я пытаюсь интегрировать Bootstrap 3 в свой проект Angular 2. У меня есть два варианта:
Используйте команду npm install bootstrap --save и установите Bootstrap 3 в мой проект.
Установите угловой бутстрап, используя npm install ngx-bootstrap --save, который основан на Angular, и не будет никаких зависимостей от jquery.
В чем основное отличие этих двух подходов. Какой из них лучше для одностраничных приложений?
ngx-bootstrap поставляется с предопределенными компонентами из коробки, которые можно использовать непосредственно в вашем приложении angular, в то время как bootstrap — это чистая библиотека, в которой вам нужно создавать компоненты самостоятельно.
Если вам нравится заново изобретать колесо (т. е. быть гибким и BYO), то лучше использовать начальную загрузку, но если вам нравятся готовые компоненты, которые довольно просты в использовании (тем не менее, вы можете участвовать и создавать отсутствующие или пользовательские компоненты самостоятельно)
Подсказка: ngx-bootstrap для Bootstrap 4 еще не завершена, поэтому не хватает нескольких компонентов. Не уверен в охвате Bootstrap 3. Тем не менее, мы решили использовать ngx-bootstrap, так как это сэкономило нам время.
короче оба хороши
Наличие Angular и Bootstrap в одном проекте очень распространено, и оба они служат разным целям. В конце дня подумайте о том, чтобы включить js и css, чтобы помочь html, и если вы можете управлять этими зависимостями, тогда это будет лучше всего. Управлять можно через npm, webpack или самостоятельно.
Другие могут только сказать вам, чтобы вы не смешивали эти вещи, поэтому вам не нужно запускать npm install, gulp update-dependecies, а затем grunt Resolve и т. д., просто чтобы убедиться, что ваши файлы зависимостей загружены. Я бы сказал, продолжайте с любым и наслаждайтесь развитием, а не беспокойтесь о таких вещах.
