turbopack不认sass-loader或node-sass，因其默认不支持自定义loader，而是内置原生dart sass引擎，仅识别.scss/.sass文件并直接编译，手动安装的sass-loader、node-sass或dart-sass均无效。
为什么Turbopack不认sass-loader或node-sass
Turbopack 默认不支持任何自定义 loader 或插件，它内置了原生 Sass（即 Dart Sass）编译能力，但只识别 .scss 和 .sass 文件，并直接调用其内部集成的 Dart Sass 引擎。你手动安装的 sass-loader、node-sass 或 dart-sass 包不会被加载，也不会生效——不是配置错，是根本没入口。
常见错误现象包括：
- 运行
turbopack dev后，@import 'variables.scss'报错Module not found - 修改
.scss文件无热更新，或样式完全不生效 - 试图在
next.config.js里写webpack: { module: { rules: [...] } }—— Turbopack 忽略该字段
如何让.scss文件被Turbopack正确识别并编译
Turbopack 对 Sass 的支持是开箱即用的，但有明确前提：必须使用 Dart Sass 语法（即 SCSS 或缩进式 Sass），且不能依赖 LibSass / Node-Sass 特有行为（如 #{} 插值在某些旧写法中可能表现不同）。
- 确保文件扩展名是
.scss或.sass，不是.css.scss或其他变体 - 避免在
@import中使用相对路径别名（如@import '@/styles/vars'），Turbopack 当前不解析@use或@forward的路径别名，需用真实相对路径（如@import '../styles/vars.scss'） - 不要在
.scss中调用require()或url()加载非 CSS 资源（如图片），Turbopack 尚未对 Sass 内部的资源引用做完整资产解析 - 若用
@use，注意 Turbopack 当前版本（2026 年中）仅支持基础用法，不支持@use '...' with块传参
Turbopack下postcss和autoprefixer还能用吗
可以，但方式变了：Turbopack 不走 Webpack 那套 postcss-loader 链路，而是把 PostCSS 作为 CSS 处理管道的默认后置步骤，自动启用 autoprefixer 和 postcss-preset-env（只要项目根目录有 postcss.config.js 或 postcss.config.cjs）。
-
browserslist字段必须存在（推荐写在package.json里），否则autoprefixer不知道该加哪些前缀 - PostCSS 插件必须是 ESM 兼容的；若用
postcss-custom-properties等老插件，需确认其已发布 ESM 版本 - 不能在 Sass 编译前运行 PostCSS（即不支持 “先 PostCSS 再 Sass”），顺序固定为：
Sass → CSS → PostCSS - 如果你发现
:has()或color-mix()没被降级，检查postcss-preset-env是否启用，以及browserslist是否包含足够老的浏览器版本
遇到undefined variable或can't resolve该怎么排查
这类报错几乎都来自路径或作用域问题，而非编译器本身故障。Turbopack 的 Sass 错误提示不如 Dart Sass CLI 明确，需主动缩小范围。
- 把出问题的
.scss文件单独提取到src/test.scss，用npx sass src/test.scss手动跑一次，确认是否是语法或路径问题 - 检查所有
@import和@use是否指向了真实存在的文件，且没有大小写错误（macOS 可能忽略，Linux/CI 会失败） - 变量未定义？确认它不在嵌套选择器内部被声明（如
.a { $x: red; }），Turbopack 当前不支持局部变量提升 - 如果用了
baseUrl+paths配置（如"@/styles": ["src/styles"]），这些 TypeScript 路径别名对 Sass 无效，必须改用相对路径
真正容易被忽略的是：Turbopack 的 Sass 支持虽快，但它不校验 @use 的模块导出完整性——比如你 @use 'mixins' as m，但 mixins.scss 里没写 export *，它不会报错，只会让 m.fn 是 undefined。这种静默失败得靠手动验证输出 CSS 或加 @debug 辅助定位。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
