如何自定义引导4与reactstrap依赖reactjs应用程序？

Question

我开始开发与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：我是新来的网络/反应的发展，所以我道歉，如果我问/说任何愚蠢的事还是很明显。

谢谢

Answer 1

说明这里：https://facebook.github.io/create-react-app/docs/adding-a-sass-stylesheet

1. 安装萨斯：npm install node-sass --save
2. 安装reactstrap。首先引导：npm install bootstrap --save。然后reactstrap：npm install --save reactstrap react react-dom
3. 创建自定义的引导主题文件src/styles/custom-btsp.scss和编辑通缉（见theming v4）。
4. 添加import './styles/css/custom.scss';在src/index.js

完成！

这是我的qazxsw POI文件的例子：

custom-btsp.scss

Answer 2

你应该在你的项目结构创建SCSS文件。包括使用SCSS进口defal = ULT引导样式

$theme-colors: (
  "primary": #ffb800
);

$btn-border-radius: 3000px;

@import "~bootstrap/scss/bootstrap";

，之后重新分配的风格。

但是，你应该做的第一件事就是调整你的WebPack了解.scss文件扩展名