vue3:element-plus 按需引入样式

1. 按照element-plus官网按需引入组件后，样式未生效，解决方法如下

安装 vite-plugin-style-import

npm install vite-plugin-style-import -D

2. vite.config.ts 配置

// 按需导入样式插件
import { createStyleImportPlugin, ElementPlusResolve } from 'vite-plugin-style-import';
createStyleImportPlugin({
      resolves: [ ElementPlusResolve() ],
      libs: [
        {
          libraryName: 'element-plus',
          esModule: true,
          resolveStyle: (name: string) => {
            return `element-plus/theme-chalk/${name}.css`;
          }
        },
      ]
 }),

3. vite-plugin-style-import 还依赖插件consola，consola也需要安装

npm install consola -D