How do I correctly use the url() in a Sass file to reference the public directory?

[percentcola3]

使用rsbuild cli新建一个VUE2项目，并配置了sass支持。按照官方文档中对PUBLIC目录的指导来配置https://rsbuild.dev/zh/guide/basic/static-assets#public-%E7%9B%AE%E5%BD%95，但是启动时报错了。

截图如下：

报错如下： 

[chenjiahan]

You can place static assets that are referenced in the source code in the ./src/assets directory.

See also: #3429

[percentcola3]

试了一下，依然不行。按照Issuse的方案目前也不太可取。我本身是想将一个vite项目迁移到rsbuild的，但是这个问题阻塞了迁移。

[percentcola3]

复现：https://github.com/percentcola3/RSBUILD-ERROR

[percentcola3]

补充：经测试，只有在html模板中可以直接访问public的静态资源。在CSS，SASS中使用URL都不可以。

[percentcola3]

@chenjiahan 请问这个问题会被处理么

[chenjiahan]

Assets referenced by source code should not be placed in the public directory. Similar suggestions are given in the Vite documentation:

For webpack / Rspack / css-loader, the address in url() will be resolved to a specific module instead of being directly retained in the CSS code, thus causing this error.

In your case, I suggest moving images referenced by source code in src/assets or other source folders.

---

被源代码引用的静态资源不应该放到 public 目录，在 Vite 文档中也给出了类似的建议：

对于 webpack / Rspack / css-loader 来说，url() 中的地址会被解析到具体的模块，而不是直接保留在 CSS 代码中，因此产生该报错。

对于你的情况，我建议把被源代码引用的图片移动到 src/assets 或其他源码目录下。