Bootstrap

postcss 插件 开发

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-
;