0

babel-preset-env allows to automatically determine the needed polyfills and transformation but how does it check at runtime if the target versions specified at compile time are really available.

Let say I target safari 10 using

"targets": {
   "safari": 10
}

but the code is run on an older version of safari.

How does babel-preset-env recognize this or what are the typical ways to deal with this common problem?

doberkofler
  • 9,511
  • 18
  • 74
  • 126

1 Answers1

1

babel-preset-env does not carry out any runtime checks. It enables only the transforms that are required for your specified environment. You're effectively setting your minimum supported environment, and opting out of any transforms that would be required to support lower versions.

For example, if all of the browser versions specified in my config supported ES2015 classes, Babel would not transform classes into an ES5-supported form, since it's not necessary to do so!

Joe Clay
  • 33,401
  • 4
  • 85
  • 85
  • I understand, but how would you guarantee that the browser running the code fulfills the minimum supported environment? – doberkofler Jan 24 '18 at 09:01
  • @doberkofler: I believe you would have to add those runtime checks yourself, using something like [Modernizr](https://modernizr.com/). That has a runtime performance cost though, which is presumably why Babel doesn't do it automatically. – Joe Clay Jan 24 '18 at 09:49