Closure compiler

.eslintrc.js

@@ -13,7 +13,7 @@ module.exports = {
     "plugin:import/errors",
     "plugin:import/warnings",
   ],
-  ignorePatterns: ["*.js"],
+  ignorePatterns: ["*.js", "nwb.config.ts"],
   parser: "@typescript-eslint/parser",
   parserOptions: {
     project: "./tsconfig.json",

.gitignore

@@ -1,6 +1,13 @@
 /coverage
+
+# generated from typescript at build time
 /dist
+
+# since this is generated from the typescript file when needed
+nwb.config.js
+
 /node_modules
 npm-debug.log*
+
 deploy.sh
 deploy.js

nwb.config.ts

@@ -0,0 +1,38 @@
+const ClosurePlugin = require("closure-webpack-plugin");
+import { Configuration } from "webpack";
+
+module.exports = {
+  type: "react-app",
+  webpack: {
+    publicPath: "",
+
+    config(config: Configuration): Configuration {
+      config.entry = "./src/index.js";
+
+      if (config.resolve === undefined) config.resolve = {};
+      config.resolve.extensions = [".ts", ".tsx", ".js", ".jsx"];
+
+      if (config.module === undefined) config.module = { rules: [] };
+      config.module.rules.push({
+        test: /\.tsx?$/,
+        exclude: /node_modules/,
+        use: [{ loader: "awesome-typescript-loader" }],
+      });
+
+      if (config.optimization === undefined) config.optimization = {};
+      config.optimization.minimizer = [
+        new ClosurePlugin(
+          { mode: "AGGRESSIVE_BUNDLE" },
+          {
+            // compiler flags here
+          }
+        ),
+      ];
+      // Closure already does this optimization,
+      // so webpack cannot
+      config.optimization.concatenateModules = false;
+
+      return config;
+    },
+  },
+};