perf(webpack): babel should transpile only selected libraries

If all node_modules are transpiled webpack works too slow on low-end hardware

config/webpack/config.webpack.common.js

@@ -27,6 +27,16 @@ module.exports = {
       },
       {
         test: /\.js$/,
+        // Transpiling node_modules is bad for the perfomance reasons
+        // But some libraries can contain non-es5 code
+        // So es5-check is used after production build to make sure no new libraries contain non-es5 code
+        exclude: [
+          new RegExp(
+            "node_modules\\" +
+              path.sep +
+              "(?!await-lock|react-youtube|socket.io-client)"
+          ),
+        ],
         use: {
           loader: "babel-loader",
           options: {
@@ -95,6 +105,7 @@ module.exports = {
     extensions: [".js", ".ts", ".tsx", ".json"],
     alias: {
       src: path.resolve(__dirname, "../../src/"),
+      debug: "debug-es5",
     },
   },
 };

package.json

@@ -58,6 +58,7 @@
     "copy-webpack-plugin": "^6.0.2",
     "css-loader": "^3.6.0",
     "cssnano": "^4.1.10",
+    "debug-es5": "^4.1.0",
     "dotenv-webpack": "^1.8.0",
     "es-check": "^5.1.0",
     "file-loader": "^6.0.0",