only load BrowserSync plugin in development mode

webpack.config.js

@@ -14,24 +14,12 @@ import BrowserSyncPlugin from 'browser-sync-webpack-plugin';
 const webpackMode = (process.env.NODE_ENV === 'production') ? 'production' : 'development';
 console.log('Webpack mode:', webpackMode);
 
-export default {
+const plugins = [ ];
-  entry: {
+
-    'game-app': './game/js/game-app.js',
+plugins.push(new MiniCssExtractPlugin());
-  },
+
-  mode: webpackMode,
+if (webpackMode === 'development') {
-  output: {
+  plugins.push(
-    filename: '[name].bundle.js',
-    path: path.resolve(__dirname, 'dist'),
-    clean: true,
-    publicPath: '/dist',
-  },
-  optimization: {
-    splitChunks: {
-      chunks: 'all',
-    },
-  },
-  plugins: [
-    new MiniCssExtractPlugin(),
     new BrowserSyncPlugin(
       {
         proxy: {
@@ -58,7 +46,26 @@ export default {
         ],
       },
     ),
-  ],
+  );
+}
+
+export default {
+  entry: {
+    'game-app': './game/js/game-app.js',
+  },
+  mode: webpackMode,
+  output: {
+    filename: '[name].bundle.js',
+    path: path.resolve(__dirname, 'dist'),
+    clean: true,
+    publicPath: '/dist',
+  },
+  optimization: {
+    splitChunks: {
+      chunks: 'all',
+    },
+  },
+  plugins,
   module: {
     rules: [
       {