解决vite+TS中使用element-plus你可能遇到的各种问题

最新推荐文章于 2024-06-11 15:29:27 发布

蚂蚁二娘

最新推荐文章于 2024-06-11 15:29:27 发布

阅读量3.9k

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/web2022050901/article/details/126840744

版权

尽管官网element-plus.gitee.io/zh-CN/guide… 也有讲,但"每个人都有不同的境遇,我们不一样…"

按需自动导入

npm install -D unplugin-vue-components unplugin-auto-import

vite.config.ts 改动如下:

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import AutoImport from "unplugin-auto-import/vite";
import Components from "unplugin-vue-components/vite";
import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
// https://vitejs.dev/config/
export default defineConfig({plugins: [vue(),AutoImport({resolvers: [ElementPlusResolver()],}),Components({resolvers: [ElementPlusResolver()],}), ],
});

此时此刻要以结果为准,要在代码用个组件试一下,pnpm run build