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;
}
相关推荐
王者鳜錸1 小时前
VUE+SPRINGBOOT从0-1打造前后端-前后台系统-邮箱重置密码
前端·vue.js·spring boot
独泪了无痕3 小时前
深入浅析Vue3中的生命周期钩子函数
前端·vue.js
小白白一枚1113 小时前
vue和react的框架原理
前端·vue.js·react.js
字节逆旅3 小时前
从一次爬坑看前端的出路
前端·后端·程序员
若梦plus4 小时前
微前端之样式隔离、JS隔离、公共依赖、路由状态更新、通信方式对比
前端
若梦plus4 小时前
Babel中微内核&插件化思想的应用
前端·babel
若梦plus4 小时前
微前端中微内核&插件化思想的应用
前端
若梦plus4 小时前
服务化架构中微内核&插件化思想的应用
前端
若梦plus4 小时前
Electron中微内核&插件化思想的应用
前端·electron
若梦plus4 小时前
Vue.js中微内核&插件化思想的应用
前端