[Bug report] When "sideEffects" is added in package.json, Vue component style do not work.

[huangjunjie3-tal]

Description

In client.ts, I registered a Vue component through enhance. The code of this Vue component is as follows:

<template>
  <div>hello world</div>
</template>

<style scoped>
div {
  color: red;
}
</style>

When I have sideEffects in my package.json, such as sideEffects: false, and I run npm run dev, the "hello world" on the page is not red. But when I remove the sideEffects from package.json, the "hello world" on the page turns red.
You can try in the Reproduction.

Reproduction

https://github.com/huangjunjie3-tal/vuepress-style-issues

Used Package Manager

npm

System Info

Not needed

[Mister-Hope]

This is expected, see vitejs/vite#9308 (comment)

Note: for bundler behaviors, you should ALWAYS test on a pure vite/Webpack project based on your bundler to check the behavior before opening any issue here. If they are the same, report to bundler repo for any unexpected behavior in your sight, rather than posting here.

None of our team are willing to teach you bundler knowledge, or wasting our time finding a proper reference for you.