Switch to babel-preset-modules instead of babel-env

luisherranz · 27 January 2020 11:58

Description

We are transpiling two bundles, one for es6 and another for old browsers. Currently, we use babel-env with the targests.esmodule option, but the babel guys are working on an improved version:

User Stories

As a Frontity user
I want to get the best performance possible out of my es6 bundles by default
so that my site loads fast in modern browsers

Possible solution

Just switch to babel-preset-modules when target === "module" in our babel file:

github.com

frontity/frontity/blob/dev/packages/core/src/config/babel/index.ts#L48-L53


"@babel/preset-env",
{
  targets: targets[target],
  useBuiltIns: target === "es5" && "entry",
  corejs: target === "es5" && "3",
  modules: false,