• 理解postcss
    postcss 一种对css编译的工具，可实现一些工程化操作

  • 环境配置

    1. 装置node环境
    2. 下载postcss模块：npm install post-cli -g

    3. 配置postcss配置文件

      module.exports={   plugins:{       'autoprefixer':{           browsers:'>5%'       }   } }
    4. 转换文件：postcss 源文件 -o 生成文件 -w

  • 罕用的postcss插件

  1. Autoprefixer
    前缀补全，全自动的，无需多说
    装置：npm install Autoprefixer --dev
  2. postcss-cssnext
    应用下个版本的css语法
    装置：npm install postcss-cssnext --dev
  3. postcss-pxtorem
    把px转换成rem
    装置：npm install postcss-pxtorem --dev
    [==留神==]px检测辨别大小写，也就是说Px/PX/pX不会被转换，能够用这个形式防止转换成rem