Update build scripts

build-scripts/babel.js

@@ -1,48 +0,0 @@
-module.exports.babelLoaderConfig = ({ latestBuild }) => {
-  if (latestBuild === undefined) {
-    throw Error("latestBuild not defined for babel loader config");
-  }
-  return {
-    test: /\.m?js$|\.tsx?$/,
-    use: {
-      loader: "babel-loader",
-      options: {
-        presets: [
-          !latestBuild && [
-            require("@babel/preset-env").default,
-            { modules: false },
-          ],
-          [
-            require("@babel/preset-typescript").default,
-            {
-              jsxPragma: "h",
-            },
-          ],
-        ].filter(Boolean),
-        plugins: [
-          // Part of ES2018. Converts {...a, b: 2} to Object.assign({}, a, {b: 2})
-          [
-            "@babel/plugin-proposal-object-rest-spread",
-            { loose: true, useBuiltIns: true },
-          ],
-          // Only support the syntax, Webpack will handle it.
-          "@babel/syntax-dynamic-import",
-          [
-            "@babel/transform-react-jsx",
-            {
-              pragma: "h",
-            },
-          ],
-          [
-            require("@babel/plugin-proposal-decorators").default,
-            { decoratorsBeforeExport: true },
-          ],
-          [
-            require("@babel/plugin-proposal-class-properties").default,
-            { loose: true },
-          ],
-        ],
-      },
-    },
-  };
-};

build-scripts/webpack.js

@@ -7,7 +7,6 @@ const CompressionPlugin = require("compression-webpack-plugin");
 const zopfli = require("@gfx/zopfli");
 const ManifestPlugin = require("webpack-manifest-plugin");
 const paths = require("./paths.js");
-const { babelLoaderConfig } = require("./babel.js");
 
 let version = fs
   .readFileSync(path.resolve(paths.polymer_dir, "setup.py"), "utf8")
@@ -41,6 +40,20 @@ const resolve = {
   },
 };
 
+const tsLoader = (latestBuild) => ({
+  test: /\.ts|tsx$/,
+  exclude: /node_modules/,
+  use: [
+    {
+      loader: "ts-loader",
+      options: {
+        compilerOptions: latestBuild
+          ? { noEmit: false }
+          : { target: "es5", noEmit: false },
+      },
+    },
+  ],
+});
 const cssLoader = {
   test: /\.css$/,
   use: "raw-loader",
@@ -118,24 +131,7 @@ const createAppConfig = ({ isProdBuild, latestBuild, isStatsBuild }) => {
     devtool: genDevTool(isProdBuild),
     entry,
     module: {
-      rules: [
-        {
-          test: /\.ts|tsx$/,
-          exclude: /node_modules/,
-          use: [
-            {
-              loader: "ts-loader",
-              options: {
-                compilerOptions: latestBuild
-                  ? { noEmit: false }
-                  : { target: "es5", noEmit: false },
-              },
-            },
-          ],
-        },
-        cssLoader,
-        htmlLoader,
-      ],
+      rules: [tsLoader(latestBuild), cssLoader, htmlLoader],
     },
     optimization: optimization(latestBuild),
     plugins: [
@@ -203,7 +199,7 @@ const createDemoConfig = ({ isProdBuild, latestBuild, isStatsBuild }) => {
       compatibility: "./src/entrypoints/compatibility.ts",
     },
     module: {
-      rules: [babelLoaderConfig({ latestBuild }), cssLoader, htmlLoader],
+      rules: [tsLoader(latestBuild), cssLoader, htmlLoader],
     },
     optimization: optimization(latestBuild),
     plugins: [
@@ -250,7 +246,7 @@ const createCastConfig = ({ isProdBuild, latestBuild }) => {
     devtool: genDevTool(isProdBuild),
     entry,
     module: {
-      rules: [babelLoaderConfig({ latestBuild }), cssLoader, htmlLoader],
+      rules: [tsLoader(latestBuild), cssLoader, htmlLoader],
     },
     optimization: optimization(latestBuild),
     plugins: [