npm start -- --open

Author: tony

webpack/webpack.config.ts

@@ -8,40 +8,42 @@ const projectRoot = path.join(__dirname, "../");
 interface IWebpackEnv {
   devServerHost: string;
   devServerPort: string;
+  open: boolean;
   production: boolean;
   watch: boolean;
 }
 
 const defaultEnvironment: IWebpackEnv = {
   devServerHost: "localhost",
   devServerPort: "3014",
+  open: false,
   production: false,
-  watch: false
+  watch: false,
 };
 
 const getConfig = (env: IWebpackEnv): webpack.Configuration => ({
   context: projectRoot,
-  ...(process.argv.some(arg => arg.includes("webpack-dev-server"))
+  ...(process.argv.some((arg) => arg.includes("webpack-dev-server"))
     ? {
         devServer: {
           contentBase: "./dist",
           host: env.devServerHost,
           hot: true,
-          open: true,
+          open: env.open,
           port: parseInt(env.devServerPort, 10),
-          publicPath: "/"
-        }
+          publicPath: "/",
+        },
       }
     : {}),
   devtool: env.production ? "source-map" : "inline-source-map",
   entry: [
-    ...(process.argv.some(arg => arg.includes("webpack-dev-server"))
+    ...(process.argv.some((arg) => arg.includes("webpack-dev-server"))
       ? [
           `webpack-dev-server/client?http://${env.devServerHost}:${env.devServerPort}`,
-          "webpack/hot/dev-server"
+          "webpack/hot/dev-server",
         ]
       : []),
-    "./src/entry.tsx"
+    "./src/entry.tsx",
   ],
   mode: env.production ? "production" : "development",
   module: {
@@ -53,28 +55,28 @@ const getConfig = (env: IWebpackEnv): webpack.Configuration => ({
           loader: "babel-loader",
           options: {
             babelrc: true,
-            configFile: "./.babelrc"
-          }
-        }
+            configFile: "./.babelrc",
+          },
+        },
       },
       {
         exclude: /node_modules/,
         test: /\.ts$/,
         use: {
           loader: "ts-loader",
           options: {
-            configFile: "./tsconfig.json"
-          }
-        }
-      }
-    ]
+            configFile: "./tsconfig.json",
+          },
+        },
+      },
+    ],
   },
   output: {
     filename: "app.js",
-    path: path.resolve(projectRoot, "dist")
+    path: path.resolve(projectRoot, "dist"),
   },
   plugins: [new HtmlWebpackPlugin({ template: "./src/index.html" })],
-  watch: env.watch
+  watch: env.watch,
 });
 
 export default (