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

xiaoxian521 · xiaoxian521 · commit 594f9b98abe7 · 2022-09-08T17:23:48.000+08:00
diff --git 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
diff --git 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: {} } : {})
   }
 };

Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,7 @@ module.exports = {`
`2`	`2`	`plugins: {`
`3`	`3`	`"postcss-import": {},`
`4`	`4`	`tailwindcss: {},`
`5`		`- autoprefixer: {}`
	`5`	`+ autoprefixer: {},`
	`6`	`+ ...(process.env.NODE_ENV === "production" ? { cssnano: {} } : {})`
`6`	`7`	`}`
`7`	`8`	`};`