我想将 Bootstrap 集成到我的 react 项目中(我们可以通过依赖项添加它们吗?

Question

我有一个自定义文件，例如

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

等。我想将它们从 src 内的 assets 文件夹本地添加到我的索引中.js

我尝试将它们添加到我的索引中.html但问题是我必须将我的资产文件夹移动到公共文件夹。

当我尝试使用导入语句添加它们时，它无法编译

错误：

编译失败

./

src/assets/css/font-awesome.min.css (./node_modules/css-loader/dist/cjs.js？？参考--6-一-3-1！./node_modules/postcss-loader/src？？邮局！./src/assets/css/font-awesome.min.css(找不到模块：无法解析"../fonts/fontawesome-webfont.eot' in '/home/cedex12/Gokul/food-day/src/assets/css'

我们可以像添加它们一样吗 Step1："bootstrap"： 'file：/path/to/your/repo' 步骤2：npm 安装

我想将它们集成到我的索引.js文件中。

Answer 1

使用 js，

您可以使用函数 import(( 允许您在 js 文件中导入外部 js 文件;)只需阅读 doc

Answer 2

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