React+Webpack css语法兼容处理

react

在这篇文章的基础上,只需要三步即可

1.安装相关文件

npm i postcss-loader autoprefixer -D

  • postcss-loader 可以给css加各种前缀
  • autoprefixer 内部携带兼容表,用来指导postcss-loader给css样式添加哪种前缀

2.修改package.js文件


给postcss-loader指导,兼容哪些浏览器

  • > 0.5% 兼容市场占有率大于0.5%的浏览器
  • last 2 version 或者兼容最后两个版本 例如IE11 IE10
  • not dead 或者官方没有停止维护

3.修改webpack.config.js

以上是 React+Webpack css语法兼容处理 的全部内容, 来源链接: utcz.com/z/381450.html

回到顶部