webpack解决css兼容性问题小结

npm install --save-dev postcss-loader autoprefixer

webpack.config.js
module.exports = {
    entry: './src/index.js',
    output: {
        filename: 'main.js',
    },
    // mode: 'production', // 或者 'production'
    module: {
        rules: [{
            test: /\.css$/i,
            use: [
                'style-loader',
             'css-loader',
             'postcss-loader'
            ]
        }]
    },
}

postcss.config.js
module.exports = {
    plugins: {
        'autoprefixer': {
            browsers: [
                '> 1%',
                'last 2 versions',
                'not ie <= 8'
            ]
        }
    }
}

src/index.js
import './module.css'
src/module.css
body {
    display: flex;
}