首页 > 解决方案 > 我想将 Bootstrap 集成到我的反应项目中(我们可以通过依赖添加它们)

问题描述

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

 - 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/ 中的 '../fonts/fontawesome-webfont.eot'食品日/src/assets/css'

我们可以像 Step1:'bootstrap': 'file:/path/to/your/repo' Step2:npm install 这样添加它们吗

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

标签: reactjsreact-bootstrap

解决方案


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


推荐阅读