Update webpack configs

bryphe-coder · bryphe-coder · commit a3f31c95a1e2 · 2022-03-09T18:45:25.000Z
diff --git a/site/webpack.common.ts b/site/webpack.common.ts
@@ -3,7 +3,6 @@
  * be shared between development and production.
  */
 
-
 import * as path from "path"
 import { Configuration } from "webpack"
 import HtmlWebpackPlugin from "html-webpack-plugin"
@@ -17,7 +16,7 @@ const plugins = [
     title: "Custom template",
     template: path.join(templatePath, "index.html"),
     inject: "body",
-  })
+  }),
 ]
 
 export const commonWebpackConfig: Configuration = {
@@ -41,7 +40,7 @@ export const commonWebpackConfig: Configuration = {
   resolve: {
     // Let webpack know to consider ts/tsx files for bundling
     // See: https://webpack.js.org/guides/typescript/
-    extensions: [".tsx", ".ts", ".js"]
+    extensions: [".tsx", ".ts", ".js"],
   },
 
   // output defines the name and location of the final bundle
@@ -53,5 +52,8 @@ export const commonWebpackConfig: Configuration = {
     filename: "bundle.[contenthash].js",
     path: path.resolve(__dirname, "out"),
   },
+
+  plugins: plugins,
+
   target: "web",
-}
+}
diff --git a/site/webpack.dev.ts b/site/webpack.dev.ts
@@ -47,6 +47,7 @@ const config: Configuration = {
     // properly serving index.html on 404s.
     historyApiFallback: true,
     hot: true,
+    port: 8080,
     proxy: {
       "/api": "http://localhost:3000",
     },
diff --git a/site/webpack.prod.ts b/site/webpack.prod.ts
@@ -24,8 +24,8 @@ export const config: Configuration = {
     // files to the 'out' folder.
     new CopyWebpackPlugin({
       patterns: [{ from: "static", to: "." }],
-    })
-  ]
+    }),
+  ],
 }
 
 export default config
