diff --git a/build-scripts/bundle.js b/build-scripts/bundle.js
index 1183a5ce06..dc4b59b02a 100644
--- a/build-scripts/bundle.js
+++ b/build-scripts/bundle.js
@@ -52,6 +52,7 @@ module.exports.terserOptions = (latestBuild) => ({
 
 module.exports.babelOptions = ({ latestBuild }) => ({
   babelrc: false,
+  compact: false,
   presets: [
     !latestBuild && [
       "@babel/preset-env",
@@ -79,12 +80,6 @@ module.exports.babelOptions = ({ latestBuild }) => ({
   ].filter(Boolean),
 });
 
-// Are already ES5, cause warnings when babelified.
-module.exports.babelExclude = () => [
-  require.resolve("@mdi/js/mdi.js"),
-  require.resolve("hls.js"),
-];
-
 const outputPath = (outputRoot, latestBuild) =>
   path.resolve(outputRoot, latestBuild ? "frontend_latest" : "frontend_es5");
 
diff --git a/build-scripts/rollup.js b/build-scripts/rollup.js
index 7d9cf93046..f57e9f7e64 100644
--- a/build-scripts/rollup.js
+++ b/build-scripts/rollup.js
@@ -57,7 +57,6 @@ const createRollupConfig = ({
       babel({
         ...bundle.babelOptions({ latestBuild }),
         extensions,
-        exclude: bundle.babelExclude(),
         babelHelpers: isWDS ? "inline" : "bundled",
       }),
       string({
diff --git a/build-scripts/webpack.js b/build-scripts/webpack.js
index fe025abac2..3dcac91de9 100644
--- a/build-scripts/webpack.js
+++ b/build-scripts/webpack.js
@@ -47,7 +47,6 @@ const createWebpackConfig = ({
       rules: [
         {
           test: /\.m?js$|\.ts$/,
-          exclude: bundle.babelExclude(),
           use: {
             loader: "babel-loader",
             options: bundle.babelOptions({ latestBuild }),