twitter-bootstrap - 在create-react-app中，添加Bootstrap 4？

Question

由于 create-react-app 隐藏了 Webpack 配置而不必使用 eject，如果我想使用像 Reactstrap 或 React-Bootstrap 这样的东西，我应该弹出还是不弹出就可以了？

只是好奇人们在什么时候会决定何时需要弹出才能使用他们需要的东西？此时，在我的应用程序中，我只是进行原型(prototype)设计，但随着更多的依赖项等，它会走得更远。

Answer 1

使用 create-react-app 时，无需弹出或编辑 webpack 配置即可使用 React-bootstrap。

安装react-bootstrap

npm install --save react-bootstrap bootstrap@3

您必须通过将其添加到 src/index.js 的顶部来单独导入 css

import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap/dist/css/bootstrap-theme.css';

查看 documentation for using react-bootstrap .

大多数依赖项都可以在不更改 webpack 配置的情况下添加。您可以添加包并开始使用它们。

如果你真的担心更改 webpack 配置的可能性，我强烈建议你查看 roadhog 。它是 create-react-app 的可配置替代方案