use specific browserlist for esm build

1 files changed, 35 insertions, 11 deletions

diff --git a/build/rollup.config.js b/build/rollup.config.js
index e04e9d8047..bb6b425af4 100644
--- a/build/rollup.config.js
+++ b/build/rollup.config.js
@@ -11,18 +11,42 @@ const ESM = process.env.ESM === 'true'
 let fileDest = `bootstrap${ESM ? '.esm' : ''}`
 const external = ['popper.js']
 const plugins = [
-  babel({
+  babel(ESM ?
+    {
+      // Only transpile our source code
+      exclude: 'node_modules/**',
+      babelrc: false,
+      presets: [
+        [
+          '@babel/env',
+          {
+            loose: true,
+            modules: false,
+            targets: {
+              browsers: [
+                'Chrome >= 60',
+                'Safari >= 10.1',
+                'iOS >= 10.3',
+                'Firefox >= 54',
+                'Edge >= 15'
+              ]
+            }
+          }
+        ]
+      ]
+    } :
+    {
     // Only transpile our source code
-    exclude: 'node_modules/**',
-    // Include only required helpers
-    externalHelpersWhitelist: [
-      'defineProperties',
-      'createClass',
-      'inheritsLoose',
-      'defineProperty',
-      'objectSpread'
-    ]
-  })
+      exclude: 'node_modules/**',
+      // Include only required helpers
+      externalHelpersWhitelist: [
+        'defineProperties',
+        'createClass',
+        'inheritsLoose',
+        'defineProperty',
+        'objectSpread'
+      ]
+    })
 ]
 const globals = {
   'popper.js': 'Popper'