前言

今天使用postcss-loader時(shí)候，發(fā)現(xiàn)在瀏覽器使用postcss-loader解決css3兼容性問題時(shí)候，一直沒生效，google了一下是因?yàn)闆]設(shè)置瀏覽器版本，在此特意記錄一下。

安裝

yarn add postcss-loader autoprefixer --dev

配置webpack.config.js

{
    test:/\.scss/,
    use:['style-loader',{
        loader:'css-loader',
        options:{
            modules:true,
            importLoaders:2
            }
        },
        'sass-loader',
        'postcss-loader'
        ]
}

根目錄創(chuàng)建postcss.config.js

就是因?yàn)檫@里沒有配置支持的瀏覽器版本才沒有生效

module.exports = {
    plugins:[
        require("autoprefixer")({
            overrideBrowserslist:[
                "defaults",
                "Android 4.1",
                "iOS 7.1",
                "Chrome>31",
                "ff>31",
                "ie>=8",
                "last 2 versions",
                ">0%"
            ]
        })
    ]
}