@sumrakx

Как подключить Bootstrap в Webpack что бы он не заменял остальные стили?

Добрый день комраде. Начал использовать Bootstrap в проэкте, и столкнулся с проблемой что при импорте css Bootstrap он заменят остальные глобальные стили например Leaflet библиотеки. Как его можно удобно подключить что бы он подключался выборочно только в тех файлах где вызываешь или может есть лучше варианты?
  • Вопрос задан
  • 530 просмотров
Решения вопроса 1
@sumrakx Автор вопроса
Проблему решил следующим образом:
Помимо Bootstrap и других библиотек у которых пересекаются стили необходимо:

1) Поместить Bootstrap в самом вверху
2) Внизу написать кастомный css файл который правит поведение Bootstrap.

Подробнее https://medium.com/commencis/how-to-import-bootstr...
4-й пункт
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
alex_keysi
@alex_keysi
Помог с решением? Отметь “правильный ответ”
Выдели свои кастомные стили в scope и к ним добавится hash. А у бутстрапа их не будет.
https://github.com/webpack-contrib/css-loader#scope
Решение это скоуп делать.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
summer Ярославль
от 100 000 до 140 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
19 апр. 2024, в 18:38
1500 руб./в час
19 апр. 2024, в 18:36
1500 руб./за проект
19 апр. 2024, в 18:36
30000 руб./за проект