Vite 中如何正确配置 Sass 支持?
我用 Vite 搭建了一个 Vue 项目,想用 Sass 写样式,但一引入 .scss 文件就报错。明明已经装了 sass 包,是不是还要改配置?
我试过直接在组件里写 @import './style.scss',结果控制台提示“Failed to resolve import”,看起来 Vite 根本没识别 scss 文件。
package.json 里已经加了:
{
"devDependencies": {
"sass": "^1.70.0"
}
}
还需要在 vite.config.js 里额外配置什么吗?还是说我的导入方式有问题?
Mr.庆敏
Lv1
最简单的办法:不用改 vite.config.js,直接确保 sass 包装对了,然后在 Vue 组件里用
点赞
2026-02-24 11:04