我的反应应用程序的目录结构如下。
源代码
资产
假人.svg
scss
假人.scss
js
假人.js
下面是 CRA 中生成的标准构建格式。
建造
静止的
js
散列-js.js
css
散列-css.css
媒体
散列图像.svg
我在我的 scss 中指定了一个 svg 为background-image: url("../assets/dummy.svg")
如果指定了 PUBLIC_URL，则生成的 CSS 将具有相对于 PUBLIC_URL 的图像路径，例如
background-image: url(PUBLIC_URL/static/media/hashed-image.svg)
有没有办法或者 react-scripts/webpack 提供了一些配置来注入一些其他变量而不是 PUBLIC_URL？
就像是background-image: url(REACT_SOME_OTHER_VARIABLE/static/media/hashed-image.svg)