Я хочу интегрировать Bootstrap в свой реактивный проект (можем ли мы добавить их через зависимость)

Question

У меня есть пользовательские файлы, такие как

 - bootstrap.css
 - bootstrap.js
 - owl-carosel.min.css
 - owl-carosel.min.js

и т.д.. Я хочу добавить их локально из моей папки ресурсов внутри src в мой index.js

Я пытался добавить их в свой index.html, но проблема в том, что мне нужно переместить папку с активами в общую папку.

Когда я пытаюсь добавить их с помощью оператора import, он не может скомпилировать

Ошибка:

Не удалось скомпилировать

. / Src / assets / css / font-awesome.min.css (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss -loader / ЦСИ ?? postcss! ./ ЦСИ / активы / CSS / шрифта awesome.min.css) Модуль не найден: Не удается разрешить '../fonts/fontawesome-webfont.eot' в '/ home / cedex12 / Gokul / food-day / src / assets / css'

Можем ли мы добавить их как Шаг 1: «bootstrap»: «file: / path / to / your / repo» Шаг 2: установка npm

Я хочу интегрировать их в мой файл index.js.

Answer 1

попробуйте использовать фреймворк реагировать на его сборку с компонентами реакции! вот ссылка: https://react -bootstrap.github.io /

Answer 2

С помощью js вы можете использовать функцию import () , которая позволяет импортировать внешний файл js в файл js;) Просто прочитайте документ