scss模块化

• sccc运行时模块化：同css导入，在项目运行时才会导入解析

@inport url('./common.scss')

• scss编译时模块化：能够获取和使用导入scss的函数和变量，存在以下问题

  • 与sccc运行时模块化容易混淆

  • 在导入多个scss时，会存在变量污染

  • 私有属性不受保护

@import './common.scss'

• scss新运行时模块化
  • 存在命名空间（文件名），也可以自定义命名
  • 私有变量，在定义时添加下划线$_n: 6

@use './a/common.scss' as a;
@use './b/common.scss' as b;

.container{
    width: b.$n;
    height: $n;
}