@gerhobbelt/babel-preset-modern-browsers NPM

This preset covers es2015, es2016, es2017 and es2018.

More info in the compatibility table below

babel 7

Since v12, this package requires @babel/core@7.0.0. If you use babel 6, you can still use the version "11.0.1" of this package. If you want to migrate, you can read the announcement and the official migration guide.

Alternatives

@babel/preset-env, especially targets.esmodules

Modern browsers

with edge: true:
with edge: false:

Installation

npm install --save-dev babel-preset-modern-browsers@next @babel/core

Usage

Add the following line to your .babelrc file:

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

Options

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"
es2018 - Enable es2018 features (Enabled by default)
shippedProposals - Enable features in stages but already available in browsers (Enabled by default)
edge - Support Edge (Enabled by default)

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

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

Edge

Missing features added for edge option:

function-name
object rest/spread properties

Compatibility Table

Note: most unused plugins are babel 6 plugins, I didn't update them for the documentation.

Feature	Edge	Firefox	Chrome	Opera	Safari
Shipped Proposals
Optional catch binding
↳ (used) syntax-optional-catch-binding
ES2018
Object Rest/Spread Properties
↳ `edge`: proposal-object-rest-spreadelse syntax-object-rest-spread
RegExp Unicode Property Escapes
↳ (used) proposal-unicode-property-regex
Asynchronous Iterators
↳ `edge`: plugin-proposal-async-generator-functionselse syntax-async-generators
ES2017
trailing commas in function
↳ (used) syntax-trailing-function-commas
async function
↳ (unused) 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`, 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