如何将 Bootstrap 集成到 React 项目中

Question

我有自定义文件，例如：

• bootstrap.css
• bootstrap.js
• owl-carosel.min.css
• owl-carosel.min.js

我想将它们从 src 内的资源文件夹本地添加到我的

index.js

。

我尝试将它们添加到我的

index.html

，但问题是我必须将我的资产文件夹移动到公共文件夹。

当我尝试使用

import

语句添加它们时，它无法编译。

错误：

编译失败

./src/assets/css/font-awesome.min.css (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader /src??postcss!./src/assets/css/font-awesome.min.css)
找不到模块：无法解析“/home/cedex12/Gokul/food-day/src/assets/css”中的“../fonts/fontawesome-webfont.eot”

我们可以这样添加它们吗：

• 第1步：

  bootstrap: 'file:/path/to/your/repo'

  
  
• 第二步：

  npm install

Answer 1

使用 js，您可以使用函数 import()，它允许您在 js 文件中导入外部 js 文件；）只需阅读文档

Answer 2

尝试使用react-bootstrap框架及其与react组件的构建！这里有一个链接：https://react-bootstrap.github.io/