@import导致全局污染的根本原因是其不创建作用域，仅作文件内容拼接，使所有变量、mixin、函数平铺进全局命名空间，引发静默覆盖与调试失效。
为什么@import会导致Sass变量和mixin全局污染
根本原因在于 @import 不创建作用域——它只是把目标文件内容“复制粘贴”进当前上下文，所有 $variable、@mixin、@function 全部平铺到全局命名空间。两个模块都定义了 $color-primary，后 @import 的那个会静默覆盖前一个，调试时根本看不出来源。
常见错误现象：
- 组件 A 和组件 B 都
@import "theme"，但各自改了$border-radius，结果其中一个失效 - 第三方库（如
bootstrap.scss）里有@function map-get()，和你项目自定义的同名函数冲突，编译报错或行为异常 -
@import "mixins"后直接写@include reset()，看似方便，实则把所有 mixin 暴露给后续所有文件，谁都能改、都能覆盖
为什么@use默认不冲突，但用法不对仍会撞车
@use 本身是安全的：它强制命名空间隔离，@use "colors" as c 后必须写 c.$primary 才能访问，天然防冲突。但以下操作会绕过这层保护：
- 滥用
as *：写@use "typography" as *直接把所有变量/函数拉进当前作用域，一旦多个模块都这么干，$font-size-lg就可能被重复定义 - 多个
@use引入同名模块但路径不同：比如@use "src/styles/vars"和@use "../styles/vars"，Sass 不认为它们是同一个模块，变量会各自独立存在，但开发者误以为是同一份，逻辑出错 - 模块内没用
$_private-var（下划线前缀）隐藏内部常量，导致本该只供内部使用的$token-spacing被下游意外读取并修改
嵌套选择器（&）为什么不能解决CSS类名冲突
Sass 的 & 只是生成选择器的语法糖，不改变最终 CSS 的作用域。写 .card { &__header { } } 编译出来仍是 .card__header 这个全局类名——它和另一个文件里写的 .modal__header 不冲突，但和纯 .header 或第三方框架的 .header 完全可能撞上。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
真正起冲突的不是 Sass 编译过程，而是浏览器加载最终 CSS 时的全局匹配规则。只要两个文件都输出了 .header { color: red }，后加载的那个就会生效，和嵌套深度无关。
- 典型翻车场景：UI 库用了
.btn，业务代码也写了.btn，哪怕都用了&嵌套在各自父容器下，最终 CSS 里还是两个独立的.btn规则 -
&无法阻止构建工具把多个 SCSS 文件合并成一个 CSS 文件——合并后所有类名都在同一全局作用域里 - 想靠嵌套提升特异性（比如写
.page .card .btn）只会让选择器越来越重，后期难维护，且不能从根本上隔离
为什么光用Sass模块还不够，还得配CSS Modules
Sass 模块管的是「编译前」：变量、mixin、函数的作用域；CSS Modules 管的是「运行时」：最终生成的类名在 DOM 中是否唯一。两者分工明确，缺一不可。
- 没开 CSS Modules：Sass 再规范，
.uikit-button编译后还是全局类名，如果另一个团队也用了.uikit-button，照样覆盖 - 只开 CSS Modules 不用 Sass 模块：JS 里能拿到混淆后的类名（如
Button_button__abc123），但变量、断点、颜色值还是散落在各处，维护成本高 - 正确配合方式：
button.module.scss里@use "tokens" as t获取颜色和间距，再用 CSS Modules 输出带哈希的类名，既保逻辑复用，又保 DOM 隔离
最容易被忽略的一点：文件后缀必须是 .module.scss，且构建配置（如 Webpack 的 css-loader）必须明确开启 modules: true，否则 CSS Modules 根本不生效——Sass 模块再干净，输出的仍是裸类名。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
