Question

我开始使用reactstrap开发React应用。我按照Get Started运行以下命令：

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"＆＃39; s package.json和bootstrap /在我的项目dependencies文件夹中看到node_modules。好。

现在我想改变一下，例如，boostrap原色。让我们开始吧:)。我看过Bootstrap 4 Theming但我在项目中找不到任何custom.scss。

使用reactstrap时添加和编辑bootstrap主题的正确方法是什么？另外，如果/node_modules位于.gitignore，我如何在引导程序更新中保留更改？

PS：我不熟悉网络/做出反应，所以如果我要求/说出任何愚蠢或明显的事情，我会道歉。

由于

Answer 1

此处的说明：https://facebook.github.io/create-react-app/docs/adding-a-sass-stylesheet

安装Sass：npm install node-sass --save
安装reactstrap。第一个引导程序：npm install bootstrap --save。然后反应：npm install --save reactstrap react react-dom
创建自定义引导主题文件src/styles/custom-btsp.scss并根据需要进行修改（请参阅theming v4）。
在import './styles/css/custom.scss';

src/index.js

完成！

以下是我的custom-btsp.scss文件的例子：

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

$btn-border-radius: 3000px;

@import "~bootstrap/scss/bootstrap";

Answer 2

您应该在项目结构中创建SCSS文件。使用scss import

包含defal = ult bootstrap样式

@import "node_modules/bootstrap/scss/bootstrap";

然后重新分配样式。

但首先要做的是调整你的webpack以理解.scss文件扩展名

如何使用reactstrap依赖自定义reactjs应用程序中的bootstrap 4？

2 个答案: