reactjs - 我想将 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 文件中。
解决方案
使用 js,您可以使用函数import(),它允许您在 js 文件中导入外部 js 文件;) 只需阅读文档
推荐阅读
- android - 为什么我不能从 Android 向实时数据库发送数据?
- docker - 发布 FastAPI docker-container 时出现 422 Unprocessable Entity 错误,但在未 dockerized 时有效
- function - 有没有像 sqlite3“函数”这样的东西?
- r - 计算 R 中每一列的出现次数
- airflow - 如何解码气流表 dag_run 列 conf 值
- python - 如何更改python模块中的函数?
- c - 为什么我的线性代数 C 程序会因非方阵而失败?
- json - 如何检索本地 json 数据以将其显示在谷歌地图上?
- azure - 来自联合 Azure 租户的用户可以使用相同的电子邮件向我的 Azure 租户注册吗?
- azure-functions - Azure 函数消耗计划超时