build: postcss plugins

astro.config.ts

@@ -1,6 +1,5 @@
 import { defineConfig } from "astro/config";
 
-// https://astro.build/config
 import tailwind from "@astrojs/tailwind";
 import sitemap from "@astrojs/sitemap";
 import image from "@astrojs/image";

package.json

@@ -16,6 +16,8 @@
     "@astrojs/tailwind": "^2.1.3",
     "@astrojs/vercel": "^2.4.0",
     "astro": "^1.9.0",
+    "autoprefixer": "^10.4.13",
+    "cssnano": "^5.1.14",
     "tailwindcss": "^3.2.4"
   }
 }

postcss.config.cjs

@@ -0,0 +1,17 @@
+const tailwindcss = require("tailwindcss");
+const autoprefixer = require("autoprefixer");
+const cssnano = require("cssnano");
+
+const mode = process.env.NODE_ENV;
+const dev = mode === "development";
+
+module.exports = {
+    plugins: [
+        tailwindcss,
+        autoprefixer,
+        !dev &&
+            cssnano({
+                preset: "default",
+            }),
+    ],
+};