Vue3 个人记录

npm i unplugin-auto-import unplugin-vue-components unplugin-icons -D

npm i @iconify-json/ep -D

// vite.cofnig.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";
import * as path from "path";
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    //配置自动导入element start
    AutoImport({
      resolvers: [
        ElementPlusResolver({
          // 自定义主题色，不添加此行将会导致API组件(ElMessage，ElNotification)默认的主题色会覆盖自定义的主题色
          importStyle: "sass",
        }),
      ],
    }),
    Components({
      resolvers: [
        ElementPlusResolver({
          // 自动引入修改主题色添加这一行
          importStyle: "sass",
        }),
      ],
    }),
  ],
  //配置@符
  resolve: {
    alias: {
      "@": path.join(__dirname, "src"),
    },
  },
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `@use "@/assets/style/element/index.scss" as *;`,
      },
    },
  },
});