feat: 添加cssnano，打包时压缩css体积

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",

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

postcss.config.js

@@ -2,6 +2,7 @@ module.exports = {
   plugins: {
     "postcss-import": {},
     tailwindcss: {},
-    autoprefixer: {}
+    autoprefixer: {},
+    ...(process.env.NODE_ENV === "production" ? { cssnano: {} } : {})
   }
 };