diff --git a/package.json b/package.json
index 61a0b9c..4740999 100644
--- a/package.json
+++ b/package.json
@@ -88,6 +88,7 @@
     "@vue/runtime-core": "^3.2.38",
     "autoprefixer": "^10.4.8",
     "cloc": "^2.10.0",
+    "cssnano": "^5.1.13",
     "eslint": "^8.8.0",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-vue": "^8.4.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index bb466ee..10541e0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -37,6 +37,7 @@ specifiers:
   autoprefixer: ^10.4.8
   axios: ^0.27.2
   cloc: ^2.10.0
+  cssnano: ^5.1.13
   dayjs: ^1.11.4
   echarts: ^5.3.3
   element-plus: ^2.2.16
@@ -154,6 +155,7 @@ devDependencies:
   "@vue/runtime-core": 3.2.38
   autoprefixer: 10.4.8_postcss@8.4.16
   cloc: 2.10.0
+  cssnano: 5.1.13_postcss@8.4.16
   eslint: 8.23.0
   eslint-plugin-prettier: 4.2.1_eslint@8.23.0+prettier@2.7.1
   eslint-plugin-vue: 8.7.1_eslint@8.23.0
diff --git a/postcss.config.js b/postcss.config.js
index 854240c..20d42d8 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -2,6 +2,7 @@ module.exports = {
   plugins: {
     "postcss-import": {},
     tailwindcss: {},
-    autoprefixer: {}
+    autoprefixer: {},
+    ...(process.env.NODE_ENV === "production" ? { cssnano: {} } : {})
   }
 };