PostCSS

It is the plumeria Compiler @plumeria/postcss-plugin package.
A swc-compiler based postcss-plugin with static extraction in the style of Plumeria.

Installation

npm i --save-dev @plumeria/postcss-plugin

yarn add -D @plumeria/postcss-plugin

pnpm i --save-dev @plumeria/postcss-plugin

Configuration

Reduce build times by narrowing the scope using include and exclude.

module.exports = {
  plugins: {
    '@plumeria/postcss-plugin': {
      include: '**/*.{ts,tsx}',
      exclude: ['**/node_modules/**', '**/.next/**'],
    },
  },
};

CSS extraction marke

Inclulde css file @plumeria marke.
Atomic css is aggregated at build time into marked css files.

/* import in app entry poinrt */
@plumeria;
...

It's works with Next.js Turbopack and Webpack.