Как правильно обновить Boottrap 3.3.7 до 4.0 в проекте Angular 6

Question

Я разрабатываю свой первый проект Angular 6 и, во-первых, я установил Bootstrap 3.3.7 (через npm)

Теперь я видел здесь несколько каруселей и вещей, которые я хотел бы реализовать в своем проекте, но необходима BS 4.0.

Как мне сделать обновление безопасным способом? Я попробовал себя, но, должно быть, что-то сломалось, потому что проект перестал компилироваться. Я восстановил резервную копию, и я хотел бы сделать это прямо сейчас.

Спасибо

Answer 1

Следующие шаги могут помочь вам.

1. Найдите файл в корневом каталоге вашего проекта с именем package.json.
2. В этом файле перейдите к объекту зависимостей. найти "bootstrap":"^3.3.7",
3. Изменить эту запись на "bootstrap":"^4.0.0",
4. Бежать npm install в корневой директории вашего проекта.

Вышеуказанные шаги успешно устанавливают bootstrap-4 в ваши node_modules.

Чтобы использовать файлы начальной загрузки.js и.css, вы должны импортировать их в свой файл angular.json.

Для этого перейдите в массив styles в вашем файле angular.json и импортируйте файлы начальной загрузки.css, как показано ниже:

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

Чтобы импортировать файлы начальной загрузки.js, перейдите в массив scripts в вашем angular.json и выполните импорт, как показано ниже:

"scripts":[
   "./node_modules/bootstrap/dist/js/bootstrap.min.js",
]

Теперь скомпилируйте ваш код с помощью ng build или ng serve. Это будет работать гладко. Дайте мне знать, если он выдаст какую-либо ошибку.

Answer 2

Если вы хотите получить последнюю версию из Bootstrap, просто запустите

      npm install bootstrap@latest

запустить

      npm install bootstrap@next

чтобы получить последнюю бета-версию ...