webpack给css添加前缀自动适应浏览器

安装 postcss-loader autoprefixer 插件

npm i -D postcss-loader autoprefixer

配置 webpack.config.js

{
    test: /.styl(us)?$/,
    use: [
        'style-loader',
        'css-loader',
        'postcss-loader', // 加载一个 autofixer 的插件
        'stylus-loader',  // stylus 翻译成 css 交给postcss
    ]
}

添加 postcss.config.js 文件

// 配合 postcss-loader 使用
module.exports = {
    plugins: [
        require('autoprefixer')
    ]
}

修改 package.json

"browserslist": [
    "last 2 versions",  // 适配浏览器最后2个版本
    "> 1%",    // 适配市场份额占比大于1% 的浏览器厂商
  ],