Laravel Vite构建：如何无需哈希值引用编译后的CSS文件

核心正确写法 #

Laravel Vite插件的@vite指令直接对应你在vite.config.js的input配置项里的源文件路径，所以正确引用应为：

@vite('resources/sass/_top/top.scss')

如果有多个入口资源，改用数组形式：

@vite(['resources/sass/_top/top.scss', '其他资源路径'])

排查之前写法无效的原因 #

1. 缺失manifest文件：生产环境必须执行npm run build生成public/build/manifest.json，这个文件是Vite映射源文件与带哈希编译文件的核心；开发环境执行npm run dev即可自动处理，无需手动生成。
2. 路径不匹配：确认Blade中写的源文件路径，和vite.config.js里input数组中的路径完全一致（包括目录层级、下划线等细节）。
3. 插件版本问题：旧版laravel-vite-plugin可能存在路径解析bug，执行npm update laravel-vite-plugin更新到最新版即可。

备选写法（生产环境） #

也可以直接调用vite()函数输出资源链接：

<link rel="stylesheet" href="{{ vite('resources/sass/_top/top.scss') }}">

内容的提问来源于stack exchange，提问作者James Arnold