chore: webpack 배포 설정 분리

Author: devkimc

config/webpack.prod.js

@@ -0,0 +1,36 @@
+const { merge } = require("webpack-merge");
+const common = require("./webpack.common");
+const path = require("path");
+const TerserPlugin = require("terser-webpack-plugin");
+
+module.exports = merge(common, {
+  mode: "production",
+  devtool: "cheap-module-source-map",
+  output: {
+    filename: "[name].[contenthash].js",
+    path: path.resolve(__dirname, "../dist"),
+    publicPath: "./",
+    clean: true,
+  },
+  optimization: {
+    usedExports: true,
+    minimize: true,
+    minimizer: [
+      new TerserPlugin({
+        terserOptions: {
+          compress: {
+            drop_console: true,
+          },
+        },
+      }),
+    ],
+    splitChunks: {
+      chunks: "all",
+    },
+  },
+  performance: {
+    hints: false,
+    maxEntrypointSize: 512000,
+    maxAssetSize: 512000,
+  },
+});

package.json

@@ -5,9 +5,7 @@
   "main": "index.tsx",
   "scripts": {
     "dev": "webpack-dev-server --config config/webpack.dev.js",
-    "build": "webpack --mode production",
-    "prestart": "npm build",
-    "start": "webpack --mode development"
+    "build": "webpack --config config/webpack.prod.js"
   },
   "repository": {
     "type": "git",