Bring back babel for ES5 builds (#3797)

* Bring back babel for ES5 builds

* Remove ts from babel

hassio/webpack.config.js

@@ -4,12 +4,46 @@ const zopfli = require("@gfx/zopfli");
 
 const config = require("./config.js");
 const webpackBase = require("../build-scripts/webpack.js");
+const { babelLoaderConfig } = require("../build-scripts/babel.js");
 
 const isProdBuild = process.env.NODE_ENV === "production";
 const isCI = process.env.CI === "true";
 const chunkFilename = isProdBuild ? "chunk.[chunkhash].js" : "[name].chunk.js";
 const latestBuild = false;
 
+const rules = [
+  {
+    exclude: [config.nodeDir],
+    test: /\.ts$/,
+    use: [
+      {
+        loader: "ts-loader",
+        options: {
+          compilerOptions: latestBuild
+            ? { noEmit: false }
+            : {
+                target: "es5",
+                noEmit: false,
+              },
+        },
+      },
+    ],
+  },
+  {
+    test: /\.(html)$/,
+    use: {
+      loader: "html-loader",
+      options: {
+        exportAsEs6Default: true,
+      },
+    },
+  },
+];
+
+if (!latestBuild) {
+  rules.push(babelLoaderConfig({ latestBuild }));
+}
+
 module.exports = {
   mode: isProdBuild ? "production" : "development",
   devtool: isProdBuild ? "source-map" : "inline-source-map",
@@ -17,31 +51,7 @@ module.exports = {
     entrypoint: "./src/entrypoint.js",
   },
   module: {
-    rules: [
-      {
-        test: /\.ts$/,
-        exclude: /node_modules/,
-        use: [
-          {
-            loader: "ts-loader",
-            options: {
-              compilerOptions: latestBuild
-                ? { noEmit: false }
-                : { target: "es5", noEmit: false },
-            },
-          },
-        ],
-      },
-      {
-        test: /\.(html)$/,
-        use: {
-          loader: "html-loader",
-          options: {
-            exportAsEs6Default: true,
-          },
-        },
-      },
-    ],
+    rules,
   },
   optimization: webpackBase.optimization(latestBuild),
   plugins: [