问题标签 [cra]

问问题

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

32 问题
Newest
Active
Bountied
318
Unanswered
0 投票
0 回答
4 浏览

reactjs - CRA + WebPack(react-scripts)：为 PUBLIC_URL 以外的图像配置相对路径

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

下面是 CRA 中生成的标准构建格式。

我在我的 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)


12345678910