Vite 6.0.4中Sass全局@use导入文件找不到的问题求助
Vite 6.0.4中Sass全局@use导入文件找不到的问题求助
我最近在更新React项目的依赖时,遇到了Sass相关的问题,想请大家帮忙排查下:
之前在Vite配置文件里,我是这么全局导入Sass混合文件的(当时用的是旧版Sass,还支持@import):
css: { preprocessorOptions: { scss: { additionalData: `@import 'src/mixins.scss';`, }, }, }
后来因为Sass 1.83开始废弃了@import语法,我把配置改成了用@use的写法:
css: { preprocessorOptions: { scss: { additionalData: `@use "src/mixins.scss" as *;`, }, }, }
在Vite 5.4.0搭配最新版Sass的时候,这个写法是完全正常的。但最近我把Vite升级到6.0.4之后,启动项目就会报找不到文件的错误:
[plugin:vite:css] [sass] Can't find stylesheet to import. ╷ 1 │ @use "src/mixins.scss" as *; │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ src/App.scss 1:1 root stylesheet
简单总结下:Vite 5.4.0 + 最新Sass时,Vite配置里的全局@use写法没问题;升级到Vite 6.0.4后就触发了「找不到要导入的样式表」的错误。
有没有朋友遇到过类似的情况,或者知道怎么解决这个问题?非常感谢大家的帮忙!
备注:内容来源于stack exchange,提问作者Carlos Sosa
相关产品推荐
相关产品推荐

