How to make css just be copied into dist

[da1z]

I have config like this:

export default defineConfig({
  entry: ['src/**/*.(ts|tsx|css)'],
  format: ['esm'],
  dts: true,
  treeshake: true,
  clean: true,
  sourcemap: true,
  external: ['react', 'react-dom'],
});

i have couple css files in src i need to package with code in dist.
i get this error on tsup build

DTS Build start error TS6054: File 'mycssfile.css' has an unsupported extension. The only supported extensions are '.ts', '.tsx', '.d.ts', '.cts', '.d.cts', '.mts', '.d.mts'.

how can i tell dts to not process css files?

this seems to be not working anymore. rollup still process file https://github.com/egoist/tsup/blob/main/src/rollup.ts#L87

[Joseph2424]

Ran into the same issue. Did you find a solution?

[da1z]

@Joseph2424 i ended up with config like this:

import { globSync } from 'glob';
import path from 'path';
import { defineConfig } from 'tsup';
import { fileURLToPath } from 'url';

export default defineConfig({
  entry: ['src/**/*.(ts|tsx|css)'],
  format: ['esm'],
  dts: {
    entry: Object.fromEntries(
      globSync('src/**/*.{ts,tsx}').map((file) => [
        path.relative(
          'src',
          file.slice(0, file.length - path.extname(file).length)
        ),
        fileURLToPath(new URL(file, import.meta.url)),
      ])
    ),
  },
  treeshake: true,
  splitting: false,
  clean: true,
  sourcemap: true,
  external: ['react', 'react-dom'],
  loader: {
    '.css': 'copy',
  },
});

[Joseph2424]

Unfortunately, adding "css" as an entry fails for me. However, removing css as an entry allows tsup to compile. Otherwise, I get an error saying css is not supported.

ESM ⚡️ Build success in 877ms
error TS6054: File '/Users/rosadojoseph/Github/pickster/src/web/pickster/packages/plugins/design/src/lib/styles/globals.css' has an unsupported extension. The only supported extensions are '.ts', '.tsx', '.d.ts', '.cts', '.d.cts', '.mts', '.d.mts'.
The file is in the program because:
Root file specified for compilation

import { defineConfig } from 'tsup';

export default defineConfig((options) => ({
...options,
entry: ['src/**/!(.d|.stories|*.test).{ts,tsx}'],
format: ["esm"],
clean: true,
bundle: false,
dts: true,
sourcemap: true,
splitting: false,
treeshake: true,
external: ['react', 'reac-dom', 'class-variance-authority'],
minify: !options.watch,
loader: {
".css": "copy",
".module.css": "copy",
}
}));

[Joseph2424]

You are a life saver, I spent nearly a week trying to figure this out. Turns out the issue was with the DTS flag. I had it set to true initially. Instead I replaced it with your copy function and it worked.

Thank You!!!