Plumeria logoPlumeria

Turbopack

It is the plumeria @plumeria/turbopack-loader package
AST parse compiles plumeria styles into CSS (HMR)

Installation

Terminal
npm i --save-dev @plumeria/turbopack-loader

Configuration in Next.js project

If you use Plumeria with Next.js, customize the turbopack in next.config.ts:

next.config.ts
import type {
  NextConfig,
  TurbopackLoaderItem,
} from 'next/dist/server/config-shared';
 
const reactLoaders: TurbopackLoaderItem[] = [
  {
    loader: '@plumeria/turbopack-loader',
    options: {},
  },
];
 
const nextConfig: NextConfig = {
  turbopack: {
    rules: {
      '*.${ts,tsx,js,jsx}': {
        loaders: reactLoaders,
      },
    },
  },
};
 
export default nextConfig;

On this page