feat: ngrok setup

config/webpack.dev.js

@@ -16,6 +16,18 @@ module.exports = merge(common, {
     filename: 'js/[name].[contenthash].bundle.js',
   },
   // Spin up a server for quick development
+  // devServer: {
+  //   historyApiFallback: true,
+  //   contentBase: path.normalize(paths.build),
+  //   index: '/',
+  //   open: true,
+  //   compress: true,
+  //   hot: true,
+  //   port: 3000,
+  //   host: 'test.manaknightdev.com',
+  //   https: true,
+  //   noInfo: true, //This turns off information regarding the bundle.  Set to false if you need to view the messages
+  // },
   devServer: {
     historyApiFallback: true,
     contentBase: path.normalize(paths.build),
@@ -24,9 +36,14 @@ module.exports = merge(common, {
     compress: true,
     hot: true,
     port: 3000,
-    host: 'test.manaknightdev.com',
+    host: '0.0.0.0',
     https: true,
-    noInfo: true, //This turns off information regarding the bundle.  Set to false if you need to view the messages
+    allowedHosts: [
+      '.ngrok-free.app', // allow any ngrok subdomain
+      // 'localhost',
+      'test.manaknightdev.com',
+    ],
+    noInfo: true,
   },
 
   module: {

package.json

@@ -3,9 +3,6 @@
   "version": "1.0.0",
   "main": "index.js",
   "license": "MIT",
-  "engines": {
-    "node": "18.x"
-  },
   "scripts": {
     "start": "cross-env NODE_ENV=development webpack serve --config config/webpack.dev.js",
     "prep": "yarn && yarn prepare-husky && yarn start",