feat: explicitly define content type (#235)

* feat: explicitly define content type Signed-off-by: Pianist038801 <[email protected]> * Fixed port issue - OSX Big Sur now uses 5555 by default Signed-off-by: Jason Porter <[email protected]> Co-authored-by: Pianist038801 <[email protected]> Co-authored-by: Jason Porter <[email protected]>
flyteorg · Nov 16, 2021 · 0cbcd13 · 0cbcd13
1 parent a64e138
commit 0cbcd13
Show file tree

Hide file tree

Showing 3 changed files with 375 additions and 23 deletions.
diff --git a/package.json b/package.json
@@ -205,6 +205,7 @@
     "webpack-hot-middleware": "^2.24.3",
     "webpack-hot-server-middleware": "^0.5.0",
     "webpack-node-externals": "^1.7.2",
+    "webpack-plugin-serve": "^1.5.0",
     "webpack-stats-plugin": "^0.2.1",
     "xstate": "^4.11.0"
   },

diff --git a/webpack.config.ts b/webpack.config.ts
@@ -5,6 +5,7 @@ import * as CompressionWebpackPlugin from 'compression-webpack-plugin';
 import * as HTMLWebpackPlugin from 'html-webpack-plugin';
 import * as path from 'path';
 import * as webpack from 'webpack';
+const { WebpackPluginServe: ServePlugin } = require('webpack-plugin-serve');
 const { StatsWriterPlugin } = require('webpack-stats-plugin');
 const FavIconWebpackPlugin = require('favicons-webpack-plugin');
 const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
@@ -291,10 +292,21 @@ export const clientConfig: webpack.Configuration = {
         if (isDev) {
             return [
                 ...plugins,
-                hmrPlugin
                 // namedModulesPlugin,
+                new ServePlugin({
+                    middleware: (app, builtins) =>
+                        app.use(async (ctx, next) => {
+                            await next();
+                            ctx.setHeader(
+                                'Content-Type',
+                                'application/javascript; charset=UTF-8'
+                            );
+                        }),
+                    port: 7777
+                })
             ];
         }
+
         return plugins;
     }
 };