Vite 中如何正确配置 Sass 支持?

上官彦霞 阅读 22

我用 Vite 搭建了一个 Vue 项目,想用 Sass 写样式,但一引入 .scss 文件就报错。明明已经装了 sass 包,是不是还要改配置?

我试过直接在组件里写 @import './style.scss',结果控制台提示“Failed to resolve import”,看起来 Vite 根本没识别 scss 文件。

package.json 里已经加了:

{
  "devDependencies": {
    "sass": "^1.70.0"
  }
}

还需要在 vite.config.js 里额外配置什么吗?还是说我的导入方式有问题?

我来解答 赞 7 收藏
二维码
手机扫码查看
1 条解答
Mr.庆敏
Mr.庆敏 Lv1
最简单的办法:不用改 vite.config.js,直接确保 sass 包装对了,然后在 Vue 组件里用
点赞
2026-02-24 11:04