Я хочу начать новый реактивный проект, и я надеялся использовать bootstrap-material-design , но я не уверен, как настроить проект для перезаписи темы. В документации говорится о добавлении пользовательского sass, но я не знаком с sass. Я надеялся, что кто-то знает, какой шаг нужно сделать, чтобы это сработало. Я создал новое приложение реагирования с помощью npx create-Reaction-app и установил пакет с помощью npm через npm install bootstrap-material-design@4.1.1
. Я также добавил папку scss
в корневой каталог проекта с файлом custom.scss
в этой папке. в настоящее время единственным кодом, добавляемым в этот файл, является импорт их sass-файлов с @import "node_modules/bootstrap/scss/bootstrap";
, но, кажется, ничего не происходит, когда я добавляю компонент дизайна материала, такой как Navbar. Я также импортирую файл custom.scss в файл index.js
с import './scss/custom.scss';
, но все еще получаю следующую ошибку: File to import not found or unreadable: ../../node_modules/bootstrap/scss/bootstrap.
Я предполагаю, что мой вопрос: кто-нибудь успешно использовал этот пакет в реакции? проект с использованием npm для установки, а не с помощью cdn, и, если это так, они могут сказать мне шаги, необходимые для его запуска и запуска, чтобы я мог изменить тему bootstrap-material-design со своим собственным брендом.
Спасибо!