React-在CSS中使用相对路径指向静态资产

时间:2018-08-21 13:20:05

标签: javascript reactjs webpack create-react-app

我正在使用create-react-app构建Electron应用程序的界面。因此,内置的React应用本质上是在本地运行,而不是从服务器运行。

自然,我有大量的React正在构建SCSS,但是在构建过程中,我的路径从url(../images/my_img.jpg)更改为url(/static/media/my_img.xyz.jpg)

对于在服务器环境中将文件存储在根目录上的服务器来说,这显然是可以的,但是由于我的文件在本地运行,因此浏览器(Electron)无法找到图像。

我在package.json中设置了"homepage": "./",但这没有任何效果。

有没有办法确保内置的CSS使用相对路径而不是绝对路径?

2 个答案:

答案 0 :(得分:0)

尝试"homepage": "."

"homepage": "."可能会遇到问题,因此在某些情况下可以使用,但不建议这样做。

答案 1 :(得分:-1)

尝试像导入模块一样导入css文件,我对此进行了很好的处理。