[v3] Tailwind utilities layer absent in production build when vite.build.minify is used

[vejja]

Environment

---

• Operating System: Darwin
• Node Version: v20.9.0
• Nuxt Version: 3.14.1592
• CLI Version: 3.16.0
• Nitro Version: 2.10.4
• Package Manager: [email protected]
• Builder: -
• User Config: default
• Runtime Modules: @nuxt/[email protected], [email protected]
• Build Modules: -

---

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.0.0-alpha.9

Reproduction

https://github.com/siyosu/nuxt-ui-v3
https://nuxt-ui-v3.vercel.app/

Courtesy @siyosu

Description

Hi, Nuxt-Security team here

We are investigating a bug report filed on our module here : nuxt-modules/security#576
We are able to reproduce based on OP's link.

We notice that the TailwindCSS utilities layer is absent from the production build.
This is related to the fact that our module has a { removeLoggers: true } default option set. If we set { removeLoggers: false }, the bug disappears and the utilities layer is present in the production build.

Additional context

Update.
Our investigation has found that the root cause of this issue is because we are setting the following option in nuxt.config.ts

vite : {
  build : {
    minify: true
  }
}

We are updating the title and description of the issue to further clarify that when vite.build.minify is set via defineNuxtConfig, the Tailwind utilities layer will be absent from the production build.

[benjamincanac]

Closing this as it's related to Tailwind CSS v4 vite plugin, you should open an issue in the tailwindcss repository.

[vejja]

@benjamincanac I did open an issue there : tailwindlabs/tailwindcss#15278
Just pinged you there because the Tailwind guys are making some comments that go far beyond my abilities

[benjamincanac]

@vejja Before I answer on this issue, did you try alpha.10?