babel-preset-modern-browsers

Babel presets for modern browsers

This preset covers es2015, es2016 and es2017.

More info in the compatibility table below

Alternatives

npm install --save-dev babel-preset-modern-browsers

Add the following line to your .babelrc file:

{
  "presets": ["modern-browsers"]
}

loose: Enable “loose” transformations for any plugins in this preset that allow them (Disabled by default).
modules - Enable transformation of ES6 module syntax to another module type (Enabled by default to "commonjs"). Can be false to not transform modules, or "commonjs"
es2016 - Enable es2016 features (Enabled by default)
es2017 - Enable es2017 features (Enabled by default)
edge - Support Edge (Disabled by default)

{
  presets: [
    ["modern-browsers", { "loose": true }]
  ]
}

{
  presets: [
    [require("babel-preset-modern-browsers").buildPreset, { "loose": true }]
  ]
}

{
  "presets": [
    "modern-browsers",
    "stage-1"
  ]
}

Missing features added for edge option:

Feature	Edge	Firefox	Chrome	Opera	Safari
ES2017
trailing commas in function
↳ (used) babel-plugin-syntax-trailing-function-commas
async function
↳ (unused) babel-plugin-transform-async-to-generator
ES2016
exponentiation operator
↳ (unused) transform-exponentiation-operator
ES2015
Syntax
default parameters
↳ (unused) transform-es2015-parameters
rest parameters
↳ (unused) transform-es2015-parameters
spread
↳ (unused) transform-es2015-spread
computed properties
↳ (unused) transform-es2015-computed-properties
shorthand properties
↳ (unused) transform-es2015-shorthand-properties
`for...of`
↳ (unused) transform-es2015-for-of
template string
↳ (unused) transform-es2015-template-literals
Regexp sticky
↳ (unused) transform-es2015-sticky-regex
Regexp unicode
↳ (unused) transform-es2015-unicode-regex
destructuring
↳ (unused) transform-es2015-destructuring
Unicode Strings
Octal/Binary Numbers
↳ (unused) transform-es2015-literals
Bindings
`const`
`let`
↳ (unused) transform-es2015-block-scoping
`block-level function declaration`
↳ (unused) transform-es2015-block-scoped-functions
Functions
arrow functions
↳ (used with `edge`, needed with function-name) transform-es2015-arrow-functions
classes
↳ (unused) transform-es2015-classes
super
↳ (unused) transform-es2015-object-super
generators
↳ (unused) transform-regenerator
Built-ins
typeof Symbol
↳ (unused) transform-es2015-typeof-symbol
Built-in extensions
function name
↳ (used with `edge`) transform-es2015-function-name