![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css工程化
文章平均质量分 81
皮皮停
再远的路,出发了,就会有到达的一天。
展开
-
css编译工具之postcss
postcss是一个依赖postcss插件处理css工程化问题如:编译未来css语法和css预编译语法为浏览器能兼容和识别的css语法的工具。安装postcss和其命令行工具、预设:npm i -D postcss postcss-cli postcss-preset-envpostcss-cli是专门调用postcss库api的工具,postcss-preset-env是集成了postcss大部分常用插件,安装此预设等于安装了precss、autoprefixer等一系列插件。构建语法:..原创 2021-03-22 11:17:23 · 635 阅读 · 0 评论 -
css的工程化
CSS存在的问题一、类名冲突当一个项目的模块和界面变动越来越丰富的时候,命名一个css类名难度越来越大,因为新的类名很可能会在其他模块存在,但是我们并没发现,这样的情况下,会导致类名冲突,从而所写的样式会影响到其他模块。一般这样的情况下我们都会选择通过css选择器或者层级来选择样式,保证不会影响到其他模块,但是这样依然会有影响其他模块的风险,同时通过选择器和层级来选择的元素往往要写很长一段css选择的代码,这样很不容易阅读,并且难以维护和修改。二、样式或属性值重复在一个网站里面,相同的样式和原创 2021-03-17 00:08:11 · 569 阅读 · 0 评论