postcss-loader的使用

先安装插件npm install --save-dev postcss-loader autoprefixer；

配置webpack

use: [
    {
        loader: 'style-loader',
    },
    {
        loader: 'css-loader',
        options: {
            modules: true,
            localIdentName: '[name]__[local]--[hash:base64:5]'
        }
    },
    {
        loader: 'sass-loader'
    },
    {
        loader: 'postcss-loader'  

    //会默认配置option内的config

}]

package.json内增加如下配置

"browserslist": [
  "defaults",
  "not ie < 11",
  "last 2 versions",
  "> 1%",
  "iOS 7",
  "last 3 iOS versions"
]

再写css就会自动加兼容性前缀啦！

注意：一定要记得加入package.json内的配置。