今天整理postcss-loader 和 autoprefixer
postcss-loader与autoprefixer 结合可以 给css加浏览器的前缀 例如:给transform 加 --webkit–transform,设置autoprefixer的参数可以设置兼容什么浏览器,默认兼容市场占有率5%以上的浏览器

安装 npm i postcss-loader autoprefixer -D

1,在webpack.config.js中配置
webpack整理(三)
配置完成以后运行webpack命令:
例如:原始的css中含有transform
webpack整理(三)
打包后的代码:

webpack整理(三)
自动加上了css前缀。

如果想要配置autofixer,在package.json中配置:
webpack整理(三)

1%: 所有市场占有率大于1%的浏览器
last 5 versions : 浏览器最近的5个版本
not ie <= 8 :不支持Ie8以下的版本

重新运行webpcak:
webpack整理(三)
增加了css前缀,兼容更多的浏览器

相关文章:

  • 2022-12-23
  • 2021-12-09
  • 2021-11-08
  • 2022-12-23
  • 2022-12-23
  • 2021-06-11
  • 2022-12-23
  • 2021-05-22
猜你喜欢
  • 2021-05-07
  • 2021-11-05
  • 2021-12-24
  • 2021-10-16
  • 2021-06-05
  • 2022-12-23
  • 2021-04-16
相关资源
相似解决方案