8000 @import "tailwindcss" not processed in build output when using tsup with Tailwind CSS v4 · Issue #1337 · egoist/tsup · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

@import "tailwindcss" not processed in build output when using tsup with Tailwind CSS v4 #1337

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
Fekleite opened this issue May 1, 2025 · 0 comments
Open

@import "tailwindcss" not processed in build output when using tsup with Tailwind CSS v4 #1337

Fekleite opened this issue May 1, 2025 · 0 comments

Comments

@Fekleite
Copy link
Fekleite commented May 1, 2025

Hi! I recently needed to use tsup to build a test application for a UI kit that uses Tailwind CSS v4. However, when I ran the build command with the configuration below, the @import "tailwindcss" statement in my index.css file was not processed. It remained as-is in the final build output, which caused none of my component styles to be applied.

Here’s the tsup configuration I’m using:

import { defineConfig } from 'tsup';

export default defineConfig({
  entry: ['src/index.ts'],
  format: ['cjs', 'esm'],
  outDir: 'dist',
  tsconfig: 'tsconfig.build.json',
  minify: true,
  sourcemap: false,
  clean: true,
  dts: true,
});

Project stack

  • Build tool: tsup
  • Framework: Vite + React
  • Language: TypeScript
  • CSS: Tailwind CSS v4

Let me know if you'd like me to provide a minimal reproduction repo. Thanks in advance!
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@Fekleite
0