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

@@ -11,7 +11,8 @@
     "prepare-husky": "husky install",
     "storybook": "start-storybook -p 6006",
     "test": "npx cypress open",
-    "commit": "git add . && git commit -m \"Update Host\" && git push"
+    "commit": "git add . && git commit -m \"Update Host\" && git push",
+    "build": "webpack --config config/webpack.base.js --mode production"
   },
   "husky": {
     "hooks": {