Twitter bootstrap 在CreateReact应用程序中，是否添加引导4？

由于create react app不必使用

弹出

就可以隐藏网页包配置，如果我想使用react-strap或react-bootstrap之类的东西，我应该弹出还是不弹出就可以了

---

好奇的是，为了使用他们需要的东西，人们会在什么时候决定他们需要弹出

？现在在我的应用程序中，我只是在进行原型设计，但它将进一步增加更多依赖项等等。
使用create react app时，您不需要弹出或编辑网页包配置以使用react引导

安装react引导程序

npm install --save react-bootstrap bootstrap@3

您必须通过将其添加到
src/index.js

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

看看这本书

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

如果你真的担心改变网页配置的可能性，我建议你结账。这是一个可配置的创建react应用程序的替代方案。首先，在应用程序中安装bootstrap的最新版本

//To install bootstrap 4(latest version), jQuery, popper.js
npm i bootstrap jquery popper.js --save

注意：jQuery和popper.js是引导的依赖项

在根目录的index.js中添加以下行

//Include bootstrap's css 
import './../node_modules/bootstrap/dist/css/bootstrap.min.css';
//Include bootstrap's js
import './../node_modules/bootstrap/dist/js/bootstrap.min.js';

在webpack.config.dev.js中（查找插件并添加以下代码）

所以看起来是这样的

plugins: [
  ....
  new webpack.ProvidePlugin({
    $: "jquery",
    jQuery: "jquery",
    Popper: ['popper.js', 'default'] 
  })
]

现在，使用最新版本的引导更容易：

安装引导和依赖项：

npm install bootstrap jquery popper.js --save

然后在应用程序入口点（
index.js
）中导入引导和css：

import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css';

很好

编辑

现在，create react应用程序文档中有一个部分：

它们会提到，如果您愿意使用它，您将不需要弹出。
有一个名为“reactstrap”的项目，它包含了将引导与React集成所需的所有步骤

npm install bootstrap --save
npm install --save reactstrap react react-dom

在src/index.js文件中导入引导CSS：

import 'bootstrap/dist/css/bootstrap.min.css';

在src/App.js文件或自定义组件文件中导入所需组件：

import { Button } from 'reactstrap';

对于BS5，新的且不稳定

npm i bootstrap@5.0.0-alpha1 --save

然后在index.js文件中

import 'bootstrap/dist/css/bootstrap.min.css';

如果可以的话，尽量不要弹射。我没有看到任何关于react引导需要修改网页的内容谢谢。虽然这样做有效，但我还是不想使用JQuery实现。也就是说，在React中，我发现
reactstrap
做得很好。我想我们需要强调的是，这必须在第一行。希望我能早点看到，谢谢！在升级过程中，它一直在寻找不应该使用的东西。问题是，很多人都试图避免使用jquery或将其与他们的项目混合。为什么要添加jquery？这不是违反原则吗？或者这是引导必备的？是的，引导需要jquery。有一个react引导程序不需要jquery，但它只是在引导程序3：谢谢，这就是我所求助的。
import 'bootstrap/dist/css/bootstrap.min.css';