vite自动导入element-plus交互样式的配置

• 安装 vite-plugin-style-import 和 consola

npm i vite-plugin-style-import -D
npm i consola -D

• 配置vite.config.ts

import {
  createStyleImportPlugin,
  ElementPlusResolve,
} from "vite-plugin-style-import";

• 配置plgins

export default defineConfig({
  plgins: [
    createStyleImportPlugin({
      resolves: [ElementPlusResolve()],
      libs: [
        {
          libraryName: 'element-plus',
          esModule: true,
          resolveStyle: (name: string) => {
            name = name.substring(0, name.length);
            return `element-plus/theme-chalk/${name}.css`;
          },
        },
      ],
    }),
  ]
});