Autoprefixer：配置

huxiang66

已于 2022-08-11 17:42:42 修改

阅读量4.9k

点赞数 2

文章标签： autoprefixer

于 2019-03-11 10:36:07 首次发布

本文链接：https://blog.csdn.net/weixin_40301750/article/details/88389259

版权

在webpack4 中配置

安装包：npm install webpack style-loader css-loader postcss-loader autoprefixer --save -dev

//webpack.config.js


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

//postcss.config.js

// webpack 4.0的配置
module.exports = {
    plugins: [
        require('autoprefixer')({
            "browsers": [
                "defaults",
                "not ie < 11",
                "last 2 versions",
                "> 1%",
                "iOS 7",
                "last 3 iOS versions"
            ]
        })
    ]
};


// webpack 5.0的配置
module.exports = {
  plugins: {
    'autoprefixer':{
        overrideBrowserslist: [
          "Android 4.1",
          "iOS 7.1",
          "Chrome > 31",
          "ff > 31",
          "ie >= 8"
          //'last 10 versions',
      ],
      grid: true
    }
  }
}