CSS Support

[sxzz]

Track rolldown/rolldown#4271

[9romise]

Maybe we should track rolldown/rolldown#4271, is it right?

[sxzz]

Yes, replaced incorrect link.

[andidev]

So there is no workaround to get css modules to work with rolldown right now?

I have been trying

import { libInjectCss } from 'vite-plugin-lib-inject-css';

export default defineConfig({
  plugins: [libInjectCss()],
   ...

and rollup-plugin-postcss without any success.

Is there a way to make it work today?

[nedois]

@andidev I'm using this workaround for css modules:

import postcss from "rollup-plugin-postcss";
import { defineConfig } from "tsdown";

export default defineConfig({
  entry: ["./src/**/*.ts*"],
  plugins: [postcss({ autoModules: true })],
  inputOptions: {
    moduleTypes: {
      ".css": "js",
    },
  },
});

[andidev]

Thanks! It seems to work.

[nattui]

@andidev I'm using this workaround for css modules:

I tried your workaround for css modules but the styles didn't show on my Next.js project.

When native CSS support does come, I hope it works similar to tsup CSS loader as this is my setup.

import { defineConfig } from "tsup"

export default defineConfig({
  entry: ["src/index.ts"],
  format: "esm",
  loader: { ".css": "copy" },
})