postcsss的使用

postcss的功能还挺多的，目前只用到了一个编译css时候的兼容浏览器还有做px转rem的功能。

npm install postcss-pxtorem --save-dev 用于px转换为rem

npm i postcss-loader autoprefixer@9.x -D  PostCSS 插件 autoprefixer 自动补齐 CSS3 前缀

安装autoprefixer可能会出现版本问题  降低一下版本就行

module.exports = {
  plugins: {
    'autoprefixer': {
      browsers: ["> 1%",
        "last 2 versions",
        "not ie <= 8"]
    },
    'postcss-pxtorem': {
     rootValue: 375/20,//结果为：设计稿元素尺寸/16，比如元素宽320px,最终页面会换算成 20rem
     propList: ['*']
     },

},
}