diff --git a/.github/workflows/do-spaces-workflow.yml b/.github/workflows/do-spaces-workflow.yml
index 56c1a92..6e2cef5 100644
--- a/.github/workflows/do-spaces-workflow.yml
+++ b/.github/workflows/do-spaces-workflow.yml
@@ -28,6 +28,8 @@ jobs:
 
       - name: Build tool
         run: npm run build
+        env:
+          NODE_ENV: production
 
       - name: Deploy commit to DigitalOcean Spaces
         run: aws s3 sync ./dist s3://${{ secrets.SPACES_BUCKET }}/commits/nginxconfig/${{ github.sha }} --endpoint=https://${{ secrets.SPACES_REGION }}.digitaloceanspaces.com --acl public-read --content-encoding utf8
diff --git a/.github/workflows/gh-pages-workflow.yml b/.github/workflows/gh-pages-workflow.yml
index c07d041..e106a0a 100644
--- a/.github/workflows/gh-pages-workflow.yml
+++ b/.github/workflows/gh-pages-workflow.yml
@@ -34,6 +34,8 @@ jobs:
 
       - name: Build tool
         run: npm run build
+        env:
+          NODE_ENV: production
 
       - name: Deploy master to GitHub Pages
         uses: JamesIves/github-pages-deploy-action@2.0.0
diff --git a/package-lock.json b/package-lock.json
index 3f15be2..dd33b47 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -50,6 +50,7 @@
         "stylelint-config-standard-scss": "^3.0.0",
         "stylelint-order": "^5.0.0",
         "vue-template-compiler": "^2.6.14",
+        "webpack": "^5.69.1",
         "webpack-bundle-analyzer": "^4.5.0"
       },
       "engines": {
diff --git a/package.json b/package.json
index 9f2e56e..bac2d61 100644
--- a/package.json
+++ b/package.json
@@ -85,6 +85,7 @@
     "stylelint-config-standard-scss": "^3.0.0",
     "stylelint-order": "^5.0.0",
     "vue-template-compiler": "^2.6.14",
+    "webpack": "^5.69.1",
     "webpack-bundle-analyzer": "^4.5.0"
   },
   "overrides": {
diff --git a/src/nginxconfig/build/webpack-dynamic-import.js b/src/nginxconfig/build/webpack-dynamic-import.js
index 95552fd..71d0729 100644
--- a/src/nginxconfig/build/webpack-dynamic-import.js
+++ b/src/nginxconfig/build/webpack-dynamic-import.js
@@ -1,5 +1,5 @@
 /*
-Copyright 2021 DigitalOcean
+Copyright 2022 DigitalOcean
 
 This code is licensed under the MIT License.
 You may obtain a copy of the License at
@@ -24,8 +24,10 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 THE SOFTWARE.
 */
 
+import { info } from '../util/log';
+
 const originalSrcDir = document.currentScript.src.split('/').slice(0, -2).join('/') + '/';
 window.__webpackDynamicImportURL = () => {
-    console.info(`Using ${originalSrcDir} for webpack dynamic import`);
+    info(`Using ${originalSrcDir} for webpack dynamic import`);
     return originalSrcDir;
 };
diff --git a/src/nginxconfig/templates/app.vue b/src/nginxconfig/templates/app.vue
index 0818ed8..76b8c47 100644
--- a/src/nginxconfig/templates/app.vue
+++ b/src/nginxconfig/templates/app.vue
@@ -132,6 +132,7 @@ THE SOFTWARE.
     import analytics from '../util/analytics';
     import browserLanguage from '../util/browser_language';
     import { defaultPack, availablePacks } from '../util/language_packs';
+    import { info, error } from '../util/log';
 
     import { setLanguagePack } from '../i18n/setup';
     import generators from '../generators';
@@ -241,7 +242,7 @@ THE SOFTWARE.
                     // Update the locale
                     setLanguagePack(data.computed).then(() => {
                         // Done
-                        console.log('Language set to', data.computed);
+                        info('Language set to', data.computed);
                         this.$data.languagePrevious = data.computed;
                         this.$data.languageLoading = false;
 
@@ -249,8 +250,7 @@ THE SOFTWARE.
                         this.languageSetEvent(!interactive);
                     }).catch((err) => {
                         // Error
-                        console.log('Failed to set language to', data.computed);
-                        console.error(err);
+                        error(`Failed to set language to ${data.computed}`, err);
 
                         // Fallback to last known good
                         data.value = this.$data.languagePrevious;
@@ -356,9 +356,9 @@ THE SOFTWARE.
                             file,
                         ];
                     });
-                } catch (e) {
+                } catch (err) {
                     // If diff generation goes wrong, don't show any diff
-                    console.error(e);
+                    error('Failed to compute and highlight diff', err);
                     this.$data.confFilesOutput = Object.entries(newConf).map(([ name, content ]) => {
                         const safeName = escape(name);
                         const safeContent = escape(content);
diff --git a/src/nginxconfig/templates/domain_sections/https.vue b/src/nginxconfig/templates/domain_sections/https.vue
index 2db3a98..71e2377 100644
--- a/src/nginxconfig/templates/domain_sections/https.vue
+++ b/src/nginxconfig/templates/domain_sections/https.vue
@@ -85,7 +85,7 @@ THE SOFTWARE.
                                 {{ $t('templates.domainSections.https.http3OrThe') }}
                                 <ExternalLink
                                     :text="$t('templates.domainSections.https.http3CloudflareQuicheProject')"
-                                    link="https://github.com/cloudflare/quiche/tree/master/extras/nginx"
+                                    link="https://github.com/cloudflare/quiche/tree/master/nginx"
                                 ></ExternalLink>
                                 {{ $t('templates.domainSections.https.http3ForBuildingNginxWithHttp3') }}
                             </span>
diff --git a/src/nginxconfig/templates/prism/bash.vue b/src/nginxconfig/templates/prism/bash.vue
index c860e74..64f5f0a 100644
--- a/src/nginxconfig/templates/prism/bash.vue
+++ b/src/nginxconfig/templates/prism/bash.vue
@@ -1,5 +1,5 @@
 <!--
-Copyright 2021 DigitalOcean
+Copyright 2022 DigitalOcean
 
 This code is licensed under the MIT License.
 You may obtain a copy of the License at
@@ -31,13 +31,15 @@ THE SOFTWARE.
 </template>
 
 <script>
+    import { info } from '../../util/log';
+
     export default {
         name: 'BashPrism',
         props: {
             cmd: String,
         },
         mounted() {
-            console.info(`Highlighting ${this.$props.cmd}...`);
+            info(`Highlighting ${this.$props.cmd}...`);
             window.Prism.highlightAllUnder(this.$el);
         },
         methods: {
diff --git a/src/nginxconfig/templates/prism/docker.vue b/src/nginxconfig/templates/prism/docker.vue
index 2e6b929..dff7487 100644
--- a/src/nginxconfig/templates/prism/docker.vue
+++ b/src/nginxconfig/templates/prism/docker.vue
@@ -1,5 +1,5 @@
 <!--
-Copyright 2021 DigitalOcean
+Copyright 2022 DigitalOcean
 
 This code is licensed under the MIT License.
 You may obtain a copy of the License at
@@ -33,6 +33,7 @@ THE SOFTWARE.
 
 <script>
     import 'prismjs/components/prism-docker';
+    import { info } from '../../util/log';
 
     export default {
         name: 'DockerPrism',
@@ -42,7 +43,7 @@ THE SOFTWARE.
             half: Boolean,
         },
         mounted() {
-            console.info(`Highlighting ${this.$props.name}...`);
+            info(`Highlighting ${this.$props.name}...`);
             window.Prism.highlightAllUnder(this.$el);
         },
         methods: {
diff --git a/src/nginxconfig/templates/prism/nginx.vue b/src/nginxconfig/templates/prism/nginx.vue
index 590ab89..3281506 100644
--- a/src/nginxconfig/templates/prism/nginx.vue
+++ b/src/nginxconfig/templates/prism/nginx.vue
@@ -1,5 +1,5 @@
 <!--
-Copyright 2021 DigitalOcean
+Copyright 2022 DigitalOcean
 
 This code is licensed under the MIT License.
 You may obtain a copy of the License at
@@ -32,6 +32,8 @@ THE SOFTWARE.
 </template>
 
 <script>
+    import { info } from '../../util/log';
+
     export default {
         name: 'NginxPrism',
         props: {
@@ -40,7 +42,7 @@ THE SOFTWARE.
             half: Boolean,
         },
         mounted() {
-            console.info(`Highlighting ${this.$props.name}...`);
+            info(`Highlighting ${this.$props.name}...`);
             window.Prism.highlightAllUnder(this.$el);
         },
         methods: {
diff --git a/src/nginxconfig/templates/prism/yaml.vue b/src/nginxconfig/templates/prism/yaml.vue
index 2c46e48..6996de3 100644
--- a/src/nginxconfig/templates/prism/yaml.vue
+++ b/src/nginxconfig/templates/prism/yaml.vue
@@ -1,5 +1,5 @@
 <!--
-Copyright 2021 DigitalOcean
+Copyright 2022 DigitalOcean
 
 This code is licensed under the MIT License.
 You may obtain a copy of the License at
@@ -33,6 +33,7 @@ THE SOFTWARE.
 
 <script>
     import 'prismjs/components/prism-yaml';
+    import { info } from '../../util/log';
 
     export default {
         name: 'YamlPrism',
@@ -42,7 +43,7 @@ THE SOFTWARE.
             half: Boolean,
         },
         mounted() {
-            console.info(`Highlighting ${this.$props.name}...`);
+            info(`Highlighting ${this.$props.name}...`);
             window.Prism.highlightAllUnder(this.$el);
         },
         methods: {
diff --git a/src/nginxconfig/util/analytics.js b/src/nginxconfig/util/analytics.js
index e8c2744..0ada5fc 100644
--- a/src/nginxconfig/util/analytics.js
+++ b/src/nginxconfig/util/analytics.js
@@ -1,5 +1,5 @@
 /*
-Copyright 2021 DigitalOcean
+Copyright 2022 DigitalOcean
 
 This code is licensed under the MIT License.
 You may obtain a copy of the License at
@@ -24,8 +24,10 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 THE SOFTWARE.
 */
 
+import { info } from './log';
+
 export default ({ category, action, label, value, nonInteraction }) => {
-    console.info('Analytics event:', { category, action, label, value, nonInteraction });
+    info('Analytics event:', { category, action, label, value, nonInteraction });
 
     /*try {
         // Google Analytics
diff --git a/src/nginxconfig/util/log.js b/src/nginxconfig/util/log.js
new file mode 100644
index 0000000..ad96cce
--- /dev/null
+++ b/src/nginxconfig/util/log.js
@@ -0,0 +1,31 @@
+/*
+Copyright 2022 DigitalOcean
+
+This code is licensed under the MIT License.
+You may obtain a copy of the License at
+https://github.com/digitalocean/nginxconfig.io/blob/master/LICENSE or https://mit-license.org/
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and / or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions :
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+*/
+
+export const info = process.env.NODE_ENV !== 'production' ? console.info.bind(console) : () => {};
+export const log = process.env.NODE_ENV !== 'production' ? console.log.bind(console) : () => {};
+
+export const warn = console.warn.bind(console);
+export const error = console.error.bind(console);
diff --git a/src/nginxconfig/util/prism_bundle.js b/src/nginxconfig/util/prism_bundle.js
index d3aee5b..b2c042b 100644
--- a/src/nginxconfig/util/prism_bundle.js
+++ b/src/nginxconfig/util/prism_bundle.js
@@ -1,5 +1,5 @@
 /*
-Copyright 2021 DigitalOcean
+Copyright 2022 DigitalOcean
 
 This code is licensed under the MIT License.
 You may obtain a copy of the License at
@@ -32,10 +32,12 @@ import 'prismjs/plugins/keep-markup/prism-keep-markup';
 import 'prismjs/plugins/toolbar/prism-toolbar';
 import 'prismjs/plugins/toolbar/prism-toolbar.css';
 
+import { warn } from './log';
+
 // Custom copy to clipboard (based on the Prism one)
 const copyToClipboard = () => {
     if (!Prism.plugins.toolbar) {
-        console.warn('Copy to Clipboard loaded before Toolbar.');
+        warn('Copy to Clipboard loaded before Toolbar.');
         return;
     }
 
diff --git a/vue.config.js b/vue.config.js
index 5a2ce22..4bcb2f1 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -24,6 +24,7 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 THE SOFTWARE.
 */
 
+import webpack from 'webpack';
 import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer';
 import DuplicatePackageCheckerPlugin from 'duplicate-package-checker-webpack-plugin';
 import WebpackRequireFrom from 'webpack-require-from';
@@ -47,6 +48,8 @@ export default {
                 );
             } },
             new WebpackRequireFrom({ methodName: '__webpackDynamicImportURL', suppressErrors: true }),
+            // Pass the env in for logging
+            new webpack.EnvironmentPlugin({ NODE_ENV: 'development' }),
             // Analyze the bundle
             new BundleAnalyzerPlugin({ analyzerMode: 'static', openAnalyzer: false }),
             new DuplicatePackageCheckerPlugin(),