首页 > 解决方案 > 在 create-react-app 中引用 sass 文件中的静态文件或图像

问题描述

我有一个用 create-react-app 创建的反应应用程序

我添加了一个.scss文件,并希望它在部署时直接引用我的构建中的图像。例如localhost:3000/images/icon.png

我怎样才能做到这一点?

我目前像这样尝试过它background-image:url("/images/icon.png不会编译file not found错误。

是否无法在我的构建或公共目录中引用静态文件?我知道我可以将图像和文件移动到.scss文件夹中。但这是一个好习惯吗?我应该避免对图像使用静态文件夹吗?为什么这不起作用?



我知道如果我在编译期间跳过文件路径检查,它会起作用。或者,如果无法纠正,有没有办法跳过它?这样做是个好习惯吗?

标签: reactjswebpacksasscreate-react-app

解决方案


推荐阅读