vite中使用sass只需安装sass（dart sass），无需sass-loader；装node-sass会报错，因已弃用且不兼容现代环境。
直接装 sass（Dart Sass），别碰 node-sass —— 它已弃用，且和现代 Node/webpack 兼容性极差。
为什么报“找不到实现”（Cannot find module 'sass' 或 'node-sass'）
这个错误本质是 sass-loader 启动时调用 require('sass') 或 require('node-sass') 失败。不是路径问题，是模块根本没装对，或装了但版本冲突、被删漏、被缓存干扰。
- 常见于：Vue CLI 项目升级后、Webpack 5+ 环境、Node ≥18 的新项目
- 根本原因：
sass-loader@12+默认只认sass（Dart Sass），不再兼容node-sass - 如果你装了
node-sass却没装sass，sass-loader会跳过它直接报错 —— 它不“降级 fallback”，而是严格按实现优先级找
正确安装顺序与版本组合
执行以下两条命令即可，不需额外配置：
npm install -D sass-loader@13 sass
-
sass-loader@13是当前（2026年）Webpack 5/5.5+ 和 Vue 3 生态的稳定主力版本 -
sass（即 Dart Sass）必须显式安装，且版本 ≥1.70.0（sass-loader@13要求） - 如果已有
node-sass，先卸载：npm uninstall node-sass—— 留着反而可能触发内部误判 - 不要装
sass-loader@14（beta 阶段未稳），也不要混用sass@1.60这类旧版（会报getOptions is not a function）
webpack.config.js 中不需要手动指定 implementation
除非你有特殊需求（如强制用 Sass Embedded），否则 sass-loader 会自动加载已安装的 sass 包。以下写法是冗余甚至有害的：
{
loader: 'sass-loader',
options: {
implementation: require('sass') // ✅ 可省略；若保留，必须确保 require 成功且版本匹配
}
}
- 删掉
implementation字段最安全 ——sass-loader内部逻辑已足够健壮 - 如果非要显式指定，请确认
require('sass')在 Node REPL 中能成功返回对象，且require('sass').info输出版本 ≥1.70.0 - 在 Vue CLI 项目中，该配置通常藏在
vue.config.js的css.loaderOptions.sass下，同样建议留空
遇到 “this.getOptions is not a function” 怎么办
这是 sass-loader 和 Webpack 版本错配的典型信号，不是 Sass 实现问题，而是 loader API 不兼容：
- 检查
webpack版本：npm list webpack—— 若是webpack@4，必须用sass-loader@10.4.2+node-sass@6.0.1（仅限 legacy 项目） - 若用
webpack@5.90+，则sass-loader@13+sass是唯一推荐组合 - 删除
node_modules和package-lock.json后重装，避免残留node-sass的 postinstall 脚本干扰 - Vite 用户注意：Vite 自带 Sass 支持，无需装
sass-loader—— 此报错只出现在 Webpack 生态
最容易被忽略的一点：sass 是纯 JS 实现，首次编译稍慢，但后续有缓存；而很多人卡在反复重装 node-sass 上，其实它早就不该出现在新项目里了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
