Element-plus 按需引入 el-loading el-message message-box 不显示

实际上，element-plus 的按需引入只管理了组件，没管理样式，我们还需要另外配置。

也不清楚这个算不算bug，官网也没提这事

1
pnpm i vite-plugin-style-import consola -D
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
// vite.config.ts
import {
  createStyleImportPlugin,
  ElementPlusResolve,
} from 'vite-plugin-style-import'

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