Skip to content
GitLab

Add mobile devices into autoprefix target.

Closed Administrator requested to merge github/fork/MitsuhideOhi/autoprefixer_configuration into master

Created by: MitsuhideOhi

Problem

I realized autoprefix is not working on iOS 8 Safari from some commit between 0.9.5 and 1.0.10 release.

This is because current target browser setting in webpack configuration in react-scripts is not including mobile devices which still used by amount of users.

./packages/react-scripts/config/webpack.config.dev.js ./packages/react-scripts/config/webpack.config.prod.js

browsers: [
  '>1%',
  'last 4 versions',
  'Firefox ESR',
  'not ie < 9', // React doesn't support IE8 anyway
]

Below explains visual impact from issue.

  • Works autoprefix on react-script 0.9.5.
  • Not works autoprefix on react-script 1.0.10.

Solution

Include iOS and Android setting into the configuration.

'iOS >= 8',
'android >= 4.0'

Support above android 4.0 and iOS 8 is statistically reasonable from my point of view. Still there is room for discussion about from which version we will support though.