Javascript React-在CSS中使用静态资产的相对路径

Javascript React-在CSS中使用静态资产的相对路径,javascript,reactjs,webpack,create-react-app,Javascript,Reactjs,Webpack,Create React App,我正在使用CreateReact应用程序为Electron应用程序构建一个界面。因此,构建的React应用程序基本上在本地运行,而不是从服务器运行 当然,React正在构建大量的SCS,但作为构建过程的一部分,我的路径从url(../images/my_img.jpg)更改为url(/static/media/my_img.xyz.jpg) 显然,对于将文件存储在根目录下的服务器环境,这很好,但由于我的文件在本地运行,浏览器(Electron)无法定位图像 我在package.json中设置了“

我正在使用CreateReact应用程序为Electron应用程序构建一个界面。因此,构建的React应用程序基本上在本地运行,而不是从服务器运行

当然,React正在构建大量的SCS,但作为构建过程的一部分,我的路径从
url(../images/my_img.jpg)
更改为
url(/static/media/my_img.xyz.jpg)

显然,对于将文件存储在根目录下的服务器环境,这很好,但由于我的文件在本地运行,浏览器(Electron)无法定位图像

我在package.json中设置了
“homepage”:“/”
,但这没有效果

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

试试
“主页”:“


“主页”可能会遇到一些问题:“
因此它在某些情况下可以工作,但不推荐使用。

尝试导入css文件,就像导入模块一样,我使用了它,效果很好。

好的,这是一个有点粗糙的解决方法,但目前我所做的是

1) 我在我的项目中安装了“替换”NPM包:

2) 然后,我在package.json中设置了一个后期构建脚本:

"postbuild": "replace 'static' '..' build/static/css/*"

这并不理想,但它确实起作用了

不幸的是,这似乎没有什么不同。此外,终端输出仍然显示
假设项目位于。/。
您在哪里编译?窗户?如果是这样,您是否尝试过。\n我正在macOSHave上编译您尝试过在引号之间不放任何内容吗?有人说这对他们有效,似乎让其他一切都变得绝对了,所以我的应用程序已经找不到任何捆绑的js或cssI了,我只需要
import'css/styles.scss'在my index.js中。css编译得很好,这不是问题-问题是css中图像和字体等的相对路径