process-css-tag-template-blocks-with-postcss..md

description
With @atomico/vite, you will be able to analyze your CSS tag template to be optimized or to support utilities from the PostCSS ecosystem like Tailwind.

⚙ Process CSS tag template blocks with PostCSS.

Config

import atomico from "@atomico/vite";

export default {
  plugins: atomico({
    cssLiterals: { 
      postcss: true,
      // Optional, minify the css code
      minify: true
    },
  }),
};

{% hint style="danger" %} This configuration will only work if the use of PostCSS has already been configured, either at the package.json#postcss level or in postcss.config.json. {% endhint %}