postcss 插件开发

最新推荐文章于 2024-06-22 09:41:17 发布

山西仓江科技有限公司

最新推荐文章于 2024-06-22 09:41:17 发布

阅读量1.5k

点赞数 1

分类专栏： antd 源码解析文章标签： postcss

本文链接：https://blog.csdn.net/qq_37653449/article/details/90425207

版权

本文介绍PostCSS作为一个使用JavaScript转换CSS的工具，它可以极大地提高开发效率。文章提到常见的一些PostCSS插件如rucksack-css, postcss-import等，并以一个插件为例，展示了如何通过定义属性别名来简化CSS代码，揭示其工作原理。" 108389730,8739535,Zabbix监控系统详解与安装指南,"['监控系统', 'Zabbix', 'Linux', '网络监控', '开源软件']

摘要由CSDN通过智能技术生成

PostCSS 是一个使用JavaScript转换CSS的工具

总之来说是一个非常不错的工具，弊端的话暂时没有发现。总的来说他可以极大的提高我们的开发效率，加入用过他的话你可能对以下这些插件比较熟悉

rucksack-css
postcss-import
cssnano
atcss
postcss-url
precss
…等等
但插件究竟干了啥，值得我们研究以下，其实感觉和babel 的插件机制类似但又不一样，写起来相对更加简单
以rucksack-css这个插件为例，他有一个功能就是让你定义一些自己的属性别名

@alias{
   
    bd: border;
    bg: background;
    bg-i: background-image;
    bg-c: background-color;
    bg-p: background-position;
    bg-s: background-size;
    bg-o: background-origin;
    l-h: line-