experimenting with webpack

.gitignore

@@ -65,3 +65,7 @@ test-results/
 !.yarn/releases
 !.yarn/sdks
 !.yarn/versions
+
+
+# Temporary webpack ignore distro folder
+distro/*

.vscode/settings.json

@@ -2,5 +2,6 @@
   "editor.defaultFormatter": "rvest.vs-code-prettier-eslint",
   "editor.tabSize": 2,
   "files.trimTrailingWhitespace": true,
-  "javascript.preferences.importModuleSpecifier": "relative"
+  "javascript.preferences.importModuleSpecifier": "relative",
+  "typescript.preferences.importModuleSpecifier": "relative"
 }

development/webpack/README.md

@@ -0,0 +1,21 @@
+### Webpack strategy
+
+Currently I am just trying to incorporate as much of our current build process into the webpack.config.ts at the root of the application, but ultimately I think we should maintain a webpack.config.js for each of our environment targets (prod, test, dev, etc).
+
+So we might have the following files:
+
+1. webpack.config.common.ts - Configuration shared across all builds.
+2. webpack.config.prod.ts - Configuration for our production build
+3. webpack.config.dev.ts - Etc, same for test, staging, rc, etc.
+
+we will also have files for chrome, firefox,etc
+
+1. webpack.config.chrome.ts
+2. webpack.config.firefox.ts
+
+and finally
+
+1. webpack.config.main.ts
+2. webpack.config.flask.ts
+
+Finally we'd use https://www.npmjs.com/package/webpack-merge to merge together these configurations based on environment variables and command line options.

development/webpack/utils/constants.ts

@@ -0,0 +1,26 @@
+/**
+ * The build target. This descrbes the overall purpose of the build.
+ *
+ * These constants also act as the high-level tasks for the build system (i.e.
+ * the usual tasks invoked directly via the CLI rather than internally).
+ */
+export enum BuildTarget {
+  dev = 'dev',
+  dist = 'dist',
+  prod = 'prod',
+  test = 'test',
+  testDev = 'testDev',
+}
+
+/**
+ * The build environment. This describes the environment this build was produced in.
+ */
+export enum BuildEnvironment {
+  development = 'development',
+  production = 'production',
+  other = 'other',
+  pullRequest = 'pull-request',
+  releaseCandidate = 'release-candidate',
+  staging = 'staging',
+  testing = 'testing',
+}