scss 模块化

  1. 什么是模块化?
    模块化是指将一个复杂的程序依据一定的规则封装成几个块,并进行组合在一起。
  2. scss 的模块化分为运行时与编译时
  • 运行时在以往的时候导入方式是使用 import url(‘xxx’)
  • 而编译时的导入方式与运行时大差不差，import ‘xxx’
  • 而这两种方式都差不多，容易混淆，让人无法一眼看出在干什么。
  • 所以 scss 提供了新的导入方式 @use
  • 一个成熟的模块化方式，需要解决变量污染,私有变量等问题
//支持导入别名
@use "b.scss as a" @use "b.scss" // 支持命名空间
  color: a.$color;
//私有变量
$_s: red;