Laravel 10中如何在SCSS文件中使用Vite::asset()？

直接在SASS文件里写{{ Vite::asset("resources/img/image.jpg") }}完全不可行——SASS是由Vite预编译的，不会经过Blade模板引擎解析，这种Blade语法会原封不动留在编译后的CSS里，导致资源路径错误。

下面是两种可行的解决方法：

方法一：用Vite原生的相对路径引用（推荐） #

Vite支持直接通过相对路径引用resources目录下的资源，只要保证SASS文件和目标资源的相对路径正确就行。
比如你的SASS文件在resources/sass/style.scss，图片在resources/img/image.jpg，直接这么写：

background-image: url('../img/image.jpg');

Vite会自动处理这个路径：开发环境下生成带热更新的正确URL，生产环境打包时会给资源加上哈希后缀并替换路径。

方法二：把CSS代码写在Blade模板的