css-flat-loader:CSS Flat 一种CSS模块化解决方案

时间:2021-05-14 14:37:07
【文件属性】:
文件名称:css-flat-loader:CSS Flat 一种CSS模块化解决方案
文件大小:26KB
文件格式:ZIP
更新时间:2021-05-14 14:37:07
react css modules css-modules flat css-flat-loader CSS Flat CSS Flat(CSS 扁平化)是一种模块化解决方案,基于Post CSS生态开发。 主要解决问题: 达到模块化CSS的能力 解决由于业务的持续迭代,导致CSS样式文件的线性增长问题(CSS Modules尤其明显) CSS Flat 将CSS样式格式化为单条样式,开发时只需要按照正常文件书写: .className { display: block; color: red; margin: 0 auto; } .className:hover { color: green; magin-top: 10px; } Flat化之后: .a-d-b { display: block; } .a-c-1 { color: red; } .a-m-2 { margin: 0 auto
【文件预览】:
css-flat-loader-master
----.gitignore(42B)
----package.json(2KB)
----src()
--------declValueMap.js(798B)
--------pseudoMap.js(958B)
--------getSelectorName.js(2KB)
--------loader.js(4KB)
--------getLoaderConfig.js(1KB)
--------error.js(889B)
--------declPropMap.js(2KB)
--------processCss.js(7KB)
--------getSelectorType.js(1KB)
----.travis.yml(767B)
----LICENSE(1KB)
----index.js(42B)
----CHANGELOG.md(0B)
----README.md(7KB)
----demo()
--------.gitignore(13B)
--------.babelrc(48B)
--------components()
--------package.json(965B)
--------webpack.config.js(1KB)
--------index.js(187B)
--------index.html(201B)
--------css-flat.config.js(129B)
--------build.sh(446B)
----.gitattributes(41B)
----test()
--------moduleTestCases()
--------helpers.js(3KB)
--------moduleMinimizeTest.js(718B)
--------moduleMinimizeTestCases()
--------css-flat.config.js(34B)
--------moduleTest.js(567B)
----.editorconfig(179B)

网友评论