Join GitHub today
GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together.Sign up
I'm using "last 3 versions" with postcss-loader (with webpack). With nothing else, I get -webkit and -ms prefixed. But when enabling uglifyjs plugin, it only leaves -ms-flex and flex
If I increase the range of browsers (e.g '> 1%') then I get -webkit-box and -ms-flex, but still no webkit-flex
Tried playing around with flexbox option as well, but same result.
Passing browsers list as options. I'll post webpack config a bit later.
My vaguish understanding of how it works is:
May be completely incorrect - this is based on casual read through. Writing that has given me some ideas to look into though
I've set up a sample repo showing the issue at https://github.com/psimyn/science/pull/1 - there are commands and sample output on the PR
some webpack config sections:
Using node 4.x where I noticed this issue, sample repo is 5.something.
Thanks for any info
I think this is most likely due to webpack/webpack#283
I think passing
Happy to close, but
edit: link to correct issue
We had some funny issue when using autoprefixer and extract-text-plugin (in production build). The problem was that browserslist (dependency component) didn't found the 'browserslist' file in the root of a project all the times because of some webpack internal. It did found it sometimes though - very strange.
A solution to this was to explicitly set BROWSERSLIST_CONFIG environment variable to absolutely point to correct file (we just initiated the env variable in runtime actually). I know env variables aren't meant for initialising them in the code, but still i think that for this case, it was the best possible solution.
I hope it helps anybody with similar problem, because it took me almost a day to figure this shit out :)