Building with esbuild minifier produces the same css twice

⚠️ IMPORTANT ⚠️ Please check the following list before proceeding. If you ignore this issue template, your issue will be directly closed.

• Read the docs.
• Use Vite >=2.0. (1.x is no longer supported)
• If the issue is related to 1.x -> 2.0 upgrade, read the Migration Guide first.

Describe the bug

When building with minify: 'esbuild', production code has the same CSS twice. One in a js chunk, and the second one in css chunk.

Reproduction

1. create project with vue-ts template npm init @vitejs/app esbuild-bug --template vue-ts
2. update vite.config.ts as follows:

export default defineConfig({
  plugins: [vue()],
  build: {
    minify: 'esbuild'
  }
})

1. run npm run build
2. open /dist/assets/index.[hash].js
3. you will see non-minified CSS
4. open index.[hash].css
5. you will see the same css, but minified

System Info

• vite version: 2.0.1
• Operating System: MacOS Big Sur 11.2.1
• Node version: 14.4
• Package manager (npm/yarn/pnpm) and version: 6.14.4

[Dreamacro]

@sheremet-va it’s still no fixed on the latest vite (v2.4.4)

I use a workaround plugin to make minify: 'esbuild' work correctly

{
    plugins: [
        // other plugin
        {
            name: 'remove-css-in-js',
            enforce: 'post',
            transform (_, id) {
                if (id.endsWith('.scss') || id.endsWith('.css')) {
                    return ''
                }
            },
        },
    ],
    build: {
        minify: 'esbuild',
    },
}

[Dreamacro]

it happened again after 91eb2a6 🌚