reactjs - 在 create-react-app 中引用 sass 文件中的静态文件或图像
问题描述
我有一个用 create-react-app 创建的反应应用程序
我添加了一个.scss
文件,并希望它在部署时直接引用我的构建中的图像。例如localhost:3000/images/icon.png
我怎样才能做到这一点?
我目前像这样尝试过它background-image:url("/images/icon.png
不会编译file not found
错误。
是否无法在我的构建或公共目录中引用静态文件?我知道我可以将图像和文件移动到.scss
文件夹中。但这是一个好习惯吗?我应该避免对图像使用静态文件夹吗?为什么这不起作用?
我知道如果我在编译期间跳过文件路径检查,它会起作用。或者,如果无法纠正,有没有办法跳过它?这样做是个好习惯吗?
解决方案
推荐阅读
- javascript - react child (found: object with keys{...} 如果您打算渲染一组子项,请改用数组。"
- reactjs - reactjs中如何从一个组件访问数据到另一个组件
- opencv - 如何在 C++ 中使用 OpenCV 4.2 计算二进制图像的周长
- php - 如何删除托管服务提供商添加到电子邮件中的促销页脚?
- springdoc - 我们可以在 Springdoc 中用 redoc 替换 swagger-ui
- javascript - 函数 ReactJS 中未定义的处理程序
- python - 使用 Jupyter 远程运行,无需在远程计算机上处理文件(脚本除外)
- python - 如何在后台运行我的应用程序 python
- sql - 找到行组之和等于给定值的第一个子集
- reactjs - React Props 不在 UI 上显示数据