介绍

wrap-element-ui 是一款基于 element-UI 二次封装的前端组件库，主要用于快速开发 PC 网站中后台产品

使用 npm 安装

pnpm i wrap-element-ui

组件使用

可以局部注册所需的组件，适用于与其他框架组合使用的场景

import { DemoComponent } from "@lx-frontend/wrap-element-ui";

export default {
  components: {
    DemoComponent,
  },
};

在模板中，用 <DemoComponent></DemoComponent> 自定义标签的方式使用组件

<template>
  <div>
    <DemoComponent>这是一个 demo 组件</DemoComponent>
  </div>
</template>

开发指南

新增或修改组件时，使用 pnpm dev 可以实时预览 stories。

开发完成后，可以使用 pnpm dist 预览打包后的组件是否能正常工作。与 pnpm dev 的区别在于，该命令修改了组件的引用地址，指向了打包后的组件。该命令不能实时预览修改。

build:lib命令用于打包组件库，生成组件代码及类型定义文件。

build:sb 用于生成 stories 静态预览文件。

pnpm preview 用于预览build:sb生成的静态文件。