Vite re append the antd css stylesheet when use the React lazy load antd component

[aniude]

Describe the bug

import {lazy} from 'react';
const  pageOne = lazy(() => import('./pageOne');

pageOne.tsx

import {table} from 'antd';

const component:FC = () => {
  <table>... </table>;
}

export default component;

when App.tsx have already import the antd global less include table style, when load the pageOne component, the table style re append again. If I remove the lazy import, the problem is disappear. It make me confuses.

Anyone can fix it?

I found the some issues like #4448

Reproduction

none

Steps to reproduce

No response

System Info

vite 2.9.15.

Used Package Manager

npm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[github-actions]

Hello @aniude. Please provide a minimal reproduction using a GitHub repository or StackBlitz. Issues marked with need reproduction will be closed if they have no activity within 3 days.

[aniude]

I found that it's about the vite.config.ts

import vitePluginImp from 'vite-plugin-imp';

.... ... 
export default defineConfig({

   ... ....
    vitePluginImp({     // if I only use the plugin-imp for libList empty array, it happened. if I remove this plugin, the problem resolved.
      libList: [],
    }),
});