ElMessage与ElLoading等样式问题

方式1 引入所有样式

import 'element-plus/dist/index.css'

方式2 引入组件样式

import 'element-plus/theme-chalk/el-message.css'

方式3 第三方包

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

vite.config.ts配置

// ...
import { createStyleImportPlugin, ElementPlusResolve } from 'vite-plugin-style-import'

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