Fix es5 build (#7319)

build-scripts/bundle.js

@@ -54,7 +54,11 @@ module.exports.babelOptions = ({ latestBuild }) => ({
   presets: [
     !latestBuild && [
       require("@babel/preset-env").default,
-      { modules: false, useBuiltIns: "entry", corejs: 3 },
+      {
+        modules: false,
+        useBuiltIns: "entry",
+        corejs: "3.6",
+      },
     ],
     require("@babel/preset-typescript").default,
   ].filter(Boolean),
@@ -66,7 +70,8 @@ module.exports.babelOptions = ({ latestBuild }) => ({
     ],
     // Only support the syntax, Webpack will handle it.
     "@babel/plugin-syntax-import-meta",
-    "@babel/syntax-dynamic-import",
+    "@babel/plugin-syntax-dynamic-import",
+    "@babel/plugin-syntax-top-level-await",
     "@babel/plugin-proposal-optional-chaining",
     "@babel/plugin-proposal-nullish-coalescing-operator",
     [

build-scripts/webpack.js

@@ -29,7 +29,7 @@ const createWebpackConfig = ({
     module: {
       rules: [
         {
-          test: /\.js$|\.ts$/,
+          test: /\.m?js$|\.ts$/,
           exclude: bundle.babelExclude(),
           use: {
             loader: "babel-loader",
@@ -53,6 +53,9 @@ const createWebpackConfig = ({
         }),
       ],
     },
+    experiments: {
+      topLevelAwait: true,
+    },
     plugins: [
       new ManifestPlugin({
         // Only include the JS of entrypoints
@@ -108,6 +111,22 @@ const createWebpackConfig = ({
         }
         return `${chunk.name}.${chunk.hash.substr(0, 8)}.js`;
       },
+      environment: {
+        // The environment supports arrow functions ('() => { ... }').
+        arrowFunction: latestBuild,
+        // The environment supports BigInt as literal (123n).
+        bigIntLiteral: false,
+        // The environment supports const and let for variable declarations.
+        const: latestBuild,
+        // The environment supports destructuring ('{ a, b } = obj').
+        destructuring: latestBuild,
+        // The environment supports an async import() function to import EcmaScript modules.
+        dynamicImport: latestBuild,
+        // The environment supports 'for of' iteration ('for (const x of array) { ... }').
+        forOf: latestBuild,
+        // The environment supports ECMAScript Module syntax to import ECMAScript modules (import ... from '...').
+        module: latestBuild,
+      },
       chunkFilename:
         isProdBuild && !isStatsBuild
           ? "chunk.[chunkhash].js"