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;
}
相关推荐
六月的可乐几秒前
【干货】前端实现文件保存总结
前端·javascript·面试
忆柒5 分钟前
BFC的应用
前端·css
jz_study5 分钟前
Swift运行时以及与OC混编
前端
7675604796 分钟前
useAsyncState源码解读
前端·vue.js
海底火旺8 分钟前
使用WEUI框架与BEM规范构建按钮组件实践指南
前端·css·html
mCell17 分钟前
每秒打印一个数字:从简单到晦涩的多种实现
前端·javascript·面试
哇哦谢谢你19 分钟前
React Native环境配置
前端·react native
Carlos_sam25 分钟前
OpenLayers:如何使用渐变色
前端·javascript
就叫飞六吧25 分钟前
git克隆项目报错:error: unable to create file vue...... Filename too long
前端·vue.js·git
光影少年26 分钟前
vue3为什么要用引入Composition api
前端·vue.js