element-plus 按需引入的时候,样式需要按需引入的步骤

783 阅读1分钟

1.需要安装插件vite-plugin-style-import, consola

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

2. 在vite.config.ts中配置

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

image.png