0

我的反应应用程序的目录结构如下。

源代码
   资产
          假人.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)

4

0 回答 0