0

Подскажите пожалуйста как можно корректно подключить bootstrap библиотеку к react проекту?

установил bootstrap глобально на свой ПК:

npm install bootstrap -g

после чего он у меня появился в папке

c:\Users\...\AppData\Roaming\npm\node_modules\bootstrap\

Все замечательно, но как мне получить доступ к css файлам из моего react проекта?

Я понимаю, что можно поставить прямую ссылку, но мне кажется это неправильно

В package.json я библиотеку прописал

  "dependencies": {
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react-scripts": "2.1.8",
    "bootstrap":"4.3.1"
  },

Есть ли возможность в проекте делать как-то так:

import 'bootstrap/dist/css/bootstrap.min.css'

?

3

1 ответ 1

1

Вам нужно установить бутстрап пакет npm i bootstrap, а затем можно импортировать стили в компонент с помощью строчки import 'bootstrap/dist/css/bootstrap.min.css'; (обычно вызывают один раз в корневом index.js.

2
  • Спасибо. Но, как я понял, библиотека была установлена локально, а если у меня таких проектов сотня - никакого же диска не напасешься и при установке глобально -g библиотека ставится так, что к ней косвенный доступ (не по прямой ссылке) и не удавалось получить :(
    – Zhihar
    12 апр 2019 в 12:55
  • @Zhihar Вы правы. Но есть нюанс в том, что другие пользователи, пытаясь развернуть приложение, могут столкнуться с проблемой отсутсвтующих зависимостей. 12 апр 2019 в 13:59

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.