minify assets in prod

packages/docs/src/asset-builder/transform-esbuild.ts

@@ -10,6 +10,7 @@ export const transformEsbuild: AssetTransformer = {
         target: ["chrome89", "firefox89"],
         format: "esm",
         write: false,
+        minify: process.env.NODE_ENV === "production",
       })
 
       return {

packages/docs/src/asset-builder/transform-postcss.ts

@@ -1,5 +1,7 @@
+import autoprefixer from "autoprefixer"
+import cssnano from "cssnano"
 import { readFile } from "fs/promises"
-import postcss from "postcss"
+import postcss, { AcceptedPlugin } from "postcss"
 import tailwindcss from "tailwindcss"
 import { AssetTransformer } from "./asset-builder.js"
 
@@ -7,10 +9,15 @@ export const transformPostCss: AssetTransformer = {
   async transform(inputFile) {
     if (!inputFile.match(/\.css$/)) return
 
-    const result = await postcss(tailwindcss).process(
-      await readFile(inputFile),
-      { from: inputFile },
-    )
+    const plugins: AcceptedPlugin[] = [tailwindcss, autoprefixer]
+
+    if (process.env.NODE_ENV === "production") {
+      plugins.push(cssnano)
+    }
+
+    const result = await postcss(plugins).process(await readFile(inputFile), {
+      from: inputFile,
+    })
 
     return {
       content: result.css,