minify dynamically injected css

repeekgg · Jan 31, 2024 · 7fc02c7 · 7fc02c7
1 parent 4581bd9
commit 7fc02c7
Showing 1 changed file with 17 additions and 4 deletions.
diff --git a/scripts/build.ts b/scripts/build.ts
@@ -131,16 +131,29 @@ async function bundleContext(
     esbuildOptions.plugins.push(
       esbuildInline({
         filter: /^tailwindInline:/,
-        transform: (content) =>
-          postcss(
-            getPostcssPlugins([getSrcPath(`${context}/**/*.{js,ts,tsx}`)]),
+        transform: async (content) => {
+          const css = await postcss(
+            getPostcssPlugins([getSrcPath(`${context}/**/*.{ts,tsx}`)]),
           )
             .process(content, { from: undefined })
             .then((result) => result.css)
             .catch((error) => {
               console.error(error.message)
               return ''
-            }),
+            })
+
+          if (!IS_DEV) {
+            return (
+              await esbuild.transform(css, {
+                loader: 'css',
+                minify: true,
+                target: TARGET_BROWSER.replace(' ', ''),
+              })
+            ).code
+          }
+
+          return css
+        },
       }),
     )
   }