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
Terminal
yarn add -D @plumeria/turbopack-loader
Terminal
pnpm 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': {
        loaders: reactLoaders,
      },
      '*.tsx': {
        loaders: reactLoaders,
      },
      '*.js': {
        loaders: reactLoaders,
      },
      '*.jsx': {
        loaders: reactLoaders,
      },
    },
  },
};

export default nextConfig;

On this page