yj-plus

YjPlus

DOCS

文档请查看YjPlus

使用

支持ESM和UMD(不介绍umd方式了，目前没有项目使用该方式)

安装

pnpm i yj-plus
# or
cnpm i yj-plus
# or
npm i yj-plus

支持按需导入和全部导入

全量导入

1. 方式一

在main.ts中

import yjPlus from 'yj-plus'
// 注意⚠️：需要在引入ElementPlus的样式后再引入ui库样式
import 'yj-plus/theme-chalk/index.css'

app.use(yjPlus)

【推荐】 样式导入也可在vite.config.[jt]s中加入:

  export default {
    css:{
      preprocessorOptions:{
        sass:{
          additionalData: `
            @use "./style/element.scss" as *;
            @use "yj-plus/theme-chalk/index.css" as *;
          `
        }
      }
    }
  }

按需导入

⚠️ 因未实现类似unplugin-element-plus的插件，按需导入需手动导入

  <!-- xxx.vue -->
  <template>
    <y-card title="测试卡片" :show-folder="true">卡片内容</y-card>
  </template>
  <script setup lang="ts">
    import {YCard} from 'yj-plus/es'
    import 'yj-plus/theme-chalk/card.css'
  </script>

发布[⚠️废弃]

采用原始方法发布，打包后在dist目录执行npm run publish

开发

开发文档见开发文档

待办事项

开发相关

1. 加入单元测试(vitest)

使用相关

1. 自动按需导入插件开发