postcss的插件配置

postcss-loader 可以看成一个平台，给他添加各种插件使其功能变的强大

css兼容性前缀

autoprefixer：给css3属性加上各产商前缀，处理兼容问题

安装：npm i -D autoprefixer，并且需要在根目录下配置文件：postcss.config.js

module.exports = {
    plugins: [require('autoprefixer')]
}

在package.json中添加browserslist字段，配置需要兼容的版本。【或者根目录下添加配置文件.browserslistrc】

兼容移动端1px的问题

postcss-botder-1px

安装：npm i -D postcss-botder-1px，并且需要在根目录下配置文件：postcss.config.js

const border1px = require('postcss-border-1px')
module.exports = {
  plugin:[
    border1px({option}) // option是插件的参数
  ]
}

// 后面直接使用css的border属性即可

参考文章