litosui-unplugin-resolver

针对于 litos-ui、litos-ui-vue 的 unplugin-vue-components 的自动导入。

注意对于 litosui 只限于: Message - 消息提示；组件的引入还是需要手动引入

使用

安装依赖

1. 安装 UI 库

npm install litos-ui
# or npm install litos-ui-vue

2. 安装自动导入插件

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

3. 修改 Vite 配置

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 { litosUIVueResolver } from "litosui-unplugin-resolver";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    AutoImport({
      resolvers: [litosUIVueResolver()],
      dts: "src/auto-imports.d.ts",
    }),
    Components({
      resolvers: [litosUIVueResolver()],
      dts: "src/components.d.ts",
    }),
  ],
});

4. 引入全局 CSS 变量文件

在 main.ts 中引入全局 CSS 变量文件

import "litos-ui/styles/vars.css";

litos-ui 文档

litos-ui 文档 litos-ui-vue 文档