⬆️ Webpack, Babel 更新至 ES2015+ (#1001)

* [MV2] Webpack, Babel 更新至 ES2015+

* [MV2] Webpack, Babel 更新至 ES2015+

* 可以只在 webpack.config.ts ，都会merge这个公共配置的

Author: cyfung1031

babel.config.js

@@ -3,18 +3,19 @@ module.exports = {
     [
       "@babel/preset-env",
       {
-        corejs: {
-          version: 3,
-        },
+        corejs: 3,
         useBuiltIns: "entry",
-        targets: "> 0.1%, last 2 versions, Firefox ESR, not dead",
+        targets: { esmodules: true }, // modern browsers (all ES2015+)
+        // targets: "> 0.1%, last 2 versions, Firefox ESR, not dead",
+        bugfixes: true, // for tiny browser specific fixes
+        // modules: false, // for webpack
       },
     ],
     "@babel/preset-react",
     "@babel/preset-typescript",
   ],
   plugins: [
-    "@babel/plugin-transform-runtime",
-    ["@babel/plugin-proposal-decorators", { legacy: true }],
+    "@babel/plugin-transform-runtime", // helpers only, no corejs here
+    ["@babel/plugin-proposal-decorators", { legacy: true }], // only if you use them
   ],
 };

package-lock.json

@@ -29,6 +29,7 @@
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "axios": "^1.4.0",
+    "core-js": "^3.47.0",
     "cron": "^2.4.4",
     "crx": "^5.0.1",
     "crypto-js": "^4.2.0",
@@ -109,4 +110,4 @@
     "webpack-cli": "^5.1.4",
     "webpack-merge": "^5.9.0"
   }
-}
+}

package.json

@@ -31,6 +31,21 @@ const config: Configuration = {
     path: `${dist}/ext/src`,
     filename: "[name].js",
     clean: true,
+    // min versions: Chrome 62, Firefox 57, Safari 11.1, Edge 79 (ES2015+)
+    environment: {
+      // The environment supports arrow functions ('() => { ... }').
+      arrowFunction: true,
+      // The environment supports async function and await ('async function () { await ... }').
+      asyncFunction: true,
+      // The environment supports const and let for variable declarations.
+      const: true,
+      // The environment supports destructuring ('{ a, b } = obj').
+      destructuring: true,
+      // The environment supports 'for of' iteration ('for (const x of array) { ... }').
+      forOf: true,
+      // The environment supports template literals.
+      templateLiteral: true,
+    }
   },
   plugins: [
     new HtmlWebpackPlugin({