scss模块化

  • sccc运行时模块化:同css导入,在项目运行时才会导入解析
css 复制代码
@inport url('./common.scss')
  • scss编译时模块化:能够获取和使用导入scss的函数和变量,存在以下问题

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

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

    • 私有属性不受保护

css 复制代码
@import './common.scss'
  • scss新运行时模块化
    • 存在命名空间(文件名),也可以自定义命名
    • 私有变量,在定义时添加下划线$_n: 6
css 复制代码
@use './a/common.scss' as a;
@use './b/common.scss' as b;

.container{
    width: b.$n;
    height: $n;
}
相关推荐
IT_陈寒33 分钟前
SpringBoot性能翻倍秘籍:从自动配置到JVM调优的7个实战技巧
前端·人工智能·后端
叮咚前端1 小时前
vue3笔记
前端·javascript·笔记
薛定谔的算法1 小时前
面试官问箭头函数和普通函数的区别?这才是面试官最想听到的
前端·javascript·面试
pepedd8641 小时前
AI Coding 最佳实践-从零到一全栈项目编写
前端·aigc·trae
砂糖橘加盐1 小时前
非 AI 时代前端是如何设计一个组件的
前端·javascript·vue.js
艾小码1 小时前
告别JavaScript类型转换的坑:从隐式陷阱到显式安全指南
前端·javascript
LEAFF1 小时前
性能优化工具Lighthouse操作指南
前端
Cache技术分享1 小时前
176. Java 注释 - 类型注释和可插入类型系统
前端·后端
粥里有勺糖1 小时前
视野修炼-技术周刊第125期 | nano-banana
前端·github·aigc
菠萝+冰2 小时前
手机上访问你电脑上的前端项目
前端·智能手机