0
点赞
收藏
分享

微信扫一扫

css模块化

独兜曲 2022-01-31 阅读 113


1.命名规范,如BEM
BEM 的意思就是块(block)、元素(element)、修饰符(modifier)。
是由 Yandex 团队提出的一种前端命名方法论。
2.css in js
使用 js 语言写 css,完全不需要些单独的 css 文件,所有的 css 代码全部放在组件内部,以实现 css 的模块化。
CSS in JS 其实是一种编写思想,目前已经有超过 40 多种方案的实现,最出名的是 styled-components。
3. css modules
使用JS编译CSS文件,使其具备模块化的能力。
不是将CSS改造的具有编程能力,而是加入了局部作用域、依赖管理,这恰恰解决了最大的痛点。
可以有效避免全局污染和样式冲突,能最大化地结合现有 CSS 生态和 JS 模块化能力。
CSS Modules 在打包的时候会自动将类名转换成 hash 值,完全杜绝 css 类名冲突的问题。



举报

相关推荐

0 条评论