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;
}
相关推荐
拉不动的猪5 分钟前
前端常见数组分析
前端·javascript·面试
小吕学编程21 分钟前
ES练习册
java·前端·elasticsearch
Asthenia041229 分钟前
Netty编解码器详解与实战
前端
袁煦丞33 分钟前
每天省2小时!这个网盘神器让我告别云存储混乱(附内网穿透神操作)
前端·程序员·远程工作
一个专注写代码的程序媛2 小时前
vue组件间通信
前端·javascript·vue.js
一笑code2 小时前
美团社招一面
前端·javascript·vue.js
懒懒是个程序员2 小时前
layui时间范围
前端·javascript·layui
NoneCoder2 小时前
HTML响应式网页设计与跨平台适配
前端·html
凯哥19702 小时前
在 Uni-app 做的后台中使用 Howler.js 实现强大的音频播放功能
前端
烛阴2 小时前
面试必考!一招教你区分JavaScript静态函数和普通函数,快收藏!
前端·javascript