Working Babel transpiling

.gitignore

@@ -1,2 +1,3 @@
 node_modules/
 dist/*.js
+dist/*.js.LICENSE.txt

babel.config.json

@@ -0,0 +1,17 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "edge": "17",
+          "firefox": "60",
+          "chrome": "67",
+          "safari": "11.1"
+        },
+        "useBuiltIns": "usage",
+        "corejs": "3.6.5"
+      }
+    ]
+  ]
+}

package.json

@@ -14,5 +14,10 @@
     "serve": "^14.2.0",
     "webpack": "^5.75.0",
     "webpack-cli": "^5.0.1"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.20.12",
+    "@babel/preset-env": "^7.20.2",
+    "babel-loader": "^9.1.2"
   }
 }

webpack.config.js

@@ -1,9 +1,31 @@
 const path = require("path");
+
 module.exports = {
-    entry: "./src/index.js",
+	entry: "./src/index.js",
-    output: {
+
-        filename: 'main.js',
+	output: {
-        path: path.resolve(__dirname, 'dist'),
+		filename: 'main.js',
-    },
+		path: path.resolve(__dirname, 'dist'),
-    mode: "production"
+	},
+
+	module: {
+	  rules: [
+	    {
+	      test: /\.m?js$/,
+	      exclude: /node_modules/,
+	      use: {
+	        loader: 'babel-loader',
+	        options: {
+	          presets: [
+	            [
+					'@babel/preset-env'
+				]
+	          ]
+	        }
+	      }
+	    }
+	  ]
+	},
+
+	mode: "production"
 }