prod build client

client/config/webpack.prod.js

@@ -6,7 +6,7 @@ const common = require('./webpack.common.js')
 
 module.exports = merge(common, {
   mode: 'production',
-  devtool: false,
+  devtool: 'source-map',
   module: {
     rules: [
       {
@@ -35,4 +35,5 @@ module.exports = merge(common, {
     maxEntrypointSize: 512000,
     maxAssetSize: 512000,
   },
+  plugins: [new MiniCssExtractPlugin()]
 })

client/package.json

@@ -26,13 +26,15 @@
     ]
   },
   "devDependencies": {
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
     "@types/node": "^16.18.39",
     "@types/react": "^18.2.16",
     "@types/react-dom": "^18.2.7",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
     "css-loader": "^6.8.1",
+    "css-minimizer-webpack-plugin": "^5.0.1",
     "file-loader": "^6.2.0",
     "html-webpack-plugin": "^5.5.3",
+    "mini-css-extract-plugin": "^2.7.6",
     "react-refresh": "^0.14.0",
     "sass-loader": "^13.3.2",
     "style-loader": "^3.3.3",

package.json

@@ -8,7 +8,10 @@
   "scripts": {
     "start:client": "npm run start --prefix client",
     "start:server": "npm run start --prefix server",
-    "start": "concurrently -k -n \"CLIENT,SERVER\" -c \"bgBlue.bold,bgRed.bold\" \"npm run start:client\" \"npm run start:server\""
+    "start": "concurrently -k -n \"CLIENT,SERVER\" -c \"bgBlue.bold,bgRed.bold\" \"npm run start:client\" \"npm run start:server\"",
+    "build:client": "npm run build --prefix client",
+    "build:server": "npm run build --prefix server",
+    "build": "npm run build:client; npm run build:server"
   },
   "dependencies": {},
   "devDependencies": {