install and configure babel loader and presets

a-sabagh · Jan 21, 2023 · f6d10f1 · f6d10f1
1 parent d55da1e
commit f6d10f1
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/package.json b/package.json
@@ -18,9 +18,14 @@
   },
   "homepage": "https://github.com/a-sabagh/rock-paper-scissor#readme",
   "devDependencies": {
+    "@babel/core": "^7.20.12",
+    "@babel/preset-env": "^7.20.2",
+    "babel-loader": "^9.1.2",
     "css-loader": "^6.7.3",
     "html-webpack-plugin": "^5.5.0",
+    "install": "^0.13.0",
     "mini-css-extract-plugin": "^2.7.2",
+    "npm": "^9.3.1",
     "webpack": "^5.75.0",
     "webpack-cli": "^5.0.1"
   }

diff --git a/webpack.config.js b/webpack.config.js
@@ -17,6 +17,16 @@ module.exports = {
 				test: /\.css$/i,
 				use: [MiniCssExtractPlugin.loader, "css-loader"],
 			},
+			{
+				test: /\.js$/i,
+				use: {
+					loader: 'babel-loader',
+					options: {
+						exclude: ['node_modules'],
+						presets: ['@babel/preset-env']
+					}
+				}
+			},
 		]
 	},
 	plugins: [