diff --git a/package.json b/package.json
index b686f32b9..03d1d13fe 100644
--- a/package.json
+++ b/package.json
@@ -117,6 +117,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 c0bdd8dd2..f73dd2c72 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -52,6 +52,7 @@ specifiers:
   china-area-data: ^5.0.1
   cloc: ^2.10.0
   cropperjs: ^1.5.12
+  cssnano: ^5.1.13
   dayjs: ^1.11.4
   driver.js: ^0.9.8
   echarts: ^5.3.3
@@ -212,6 +213,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 854240c37..20d42d838 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: {} } : {})
   }
 };