사용하지 않는 플러그인 제거

package-lock.json

@@ -16,7 +16,6 @@
         "connect-api-mocker": "^1.10.0",
         "css-loader": "^6.5.1",
         "html-webpack-plugin": "^5.5.0",
-        "mini-css-extract-plugin": "^2.4.4",
         "style-loader": "^3.3.1",
         "webpack": "^5.63.0",
         "webpack-cli": "^4.9.1",
@@ -2438,25 +2437,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/mini-css-extract-plugin": {
-      "version": "2.4.4",
-      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.4.4.tgz",
-      "integrity": "sha512-UJ+aNuFQaQaECu7AamlWOBLj2cJ6XSGU4zNiqXeZ7lZLe5VD0DoSPWFbWArXueo+6FZVbgHzpX9lUIaBIDLuYg==",
-      "dev": true,
-      "dependencies": {
-        "schema-utils": "^3.1.0"
-      },
-      "engines": {
-        "node": ">= 12.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "^5.0.0"
-      }
-    },
     "node_modules/minimalistic-assert": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
@@ -6133,15 +6113,6 @@
       "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
       "dev": true
     },
-    "mini-css-extract-plugin": {
-      "version": "2.4.4",
-      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.4.4.tgz",
-      "integrity": "sha512-UJ+aNuFQaQaECu7AamlWOBLj2cJ6XSGU4zNiqXeZ7lZLe5VD0DoSPWFbWArXueo+6FZVbgHzpX9lUIaBIDLuYg==",
-      "dev": true,
-      "requires": {
-        "schema-utils": "^3.1.0"
-      }
-    },
     "minimalistic-assert": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",

package.json

@@ -4,7 +4,8 @@
   "description": "",
   "main": "server.js",
   "scripts": {
-    "start": "webpack serve"
+    "start": "webpack serve",
+    "build": "webpack --mode=production"
   },
   "keywords": [],
   "author": "",
@@ -17,7 +18,6 @@
     "connect-api-mocker": "^1.10.0",
     "css-loader": "^6.5.1",
     "html-webpack-plugin": "^5.5.0",
-    "mini-css-extract-plugin": "^2.4.4",
     "style-loader": "^3.3.1",
     "webpack": "^5.63.0",
     "webpack-cli": "^4.9.1",

webpack.config.js

@@ -4,7 +4,6 @@ const path = require('path');
 const apiMocker = require('connect-api-mocker');
 
 const HtmlWebpackPlugin = require('html-webpack-plugin');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 
 module.exports = {
   entry: {
@@ -63,15 +62,12 @@ module.exports = {
   module: {
     rules: [
       {
-        test: /\.css$/i,
+        test: /\.css$/,
         use: ['style-loader', 'css-loader'],
       },
     ],
   },
-  plugins: [
+  plugins: [new HtmlWebpackPlugin({ template: './public/index.html' })],
-    new HtmlWebpackPlugin({ template: './public/index.html' }),
-    new MiniCssExtractPlugin(),
-  ],
   resolve: {
     modules: ['node_modules'],
     extensions: ['.js'],