text: // development config
  const { merge } = require("webpack-merge");
  const webpack = require("webpack");
  const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
  
  const commonConfig = require("./webpack.common");
  
  module.exports = merge(commonConfig, {
  	mode: "development",
  	entry: [
  		"react-hot-loader/patch", // activate HMR for React
  		"webpack-dev-server/client?http://localhost:3000", // bundle the client for webpack-dev-server and connect to the provided endpoint
  		"webpack/hot/only-dev-server", // bundle the client for hot reloading, only- means to only hot reload for successful updates
  		"./index.tsx", // the entry point of our app
  	],
  	devServer: {
  		hot: true, // enable HMR on the server
  		port: 3000,
  	},
  	devtool: "eval-cheap-module-source-map",
  	plugins: [
  		new webpack.HotModuleReplacementPlugin(), // enable HMR globally
  		new BundleAnalyzerPlugin(),
  	],
  });
  