如何自定义引导4与reactstrap依赖reactjs应用程序?
我开始开发与reactstrap一个作出反应的应用程序。我跟着入门运行以下命令:
npm install -g create-react-app
create-react-app my-app
cd my-app/
npm start
npm install bootstrap --save
npm install --save reactstrap@next react react-dom
然后,我可以看到"bootstrap": "^4.0.0"
在package.json
的dependencies
和引导/在我的项目node_modules
文件夹。好。
现在我想改变,例如,自举原色。让我们先从简单的:)。我已阅读Bootstrap 4 Theming,但我不觉得我的项目的任何custom.scss
。
什么是添加和编辑的引导主题使用reactstrap时的正确方法?另外,我怎么把我的变化跨引导更新,因为/node_modules
是.gitignore
?
PS:我是新来的网络/反应的发展,所以我道歉,如果我问/说任何愚蠢的事还是很明显。
谢谢
回答如下:说明这里:https://facebook.github.io/create-react-app/docs/adding-a-sass-stylesheet
- 安装萨斯:
npm install node-sass --save
- 安装reactstrap。首先引导:
npm install bootstrap --save
。然后reactstrap:npm install --save reactstrap react react-dom
- 创建自定义的引导主题文件
src/styles/custom-btsp.scss
和编辑通缉(见theming v4)。 - 添加
import './styles/css/custom.scss';
在src/index.js
完成!
这是我的qazxsw POI文件的例子:
custom-btsp.scss