@lx-frontend/wrap-element-ui
v1.0.5
Published
wrap-element-ui
Downloads
598
Maintainers
Keywords
Readme
介绍
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 sb:dev
可以实时预览 stories。
开发完成后,可以使用 pnpm sb:dist
预览打包后的组件是否能正常工作。与 pnpm sb:dev
的区别在于,该命令修改了组件的引用地址,指向了打包后的组件。该命令不能实时预览修改。
build:lib
命令用于打包组件库,生成组件代码及类型定义文件。
build:sb
用于生成 stories 静态预览文件。
pnpm preview
用于预览build:sb
生成的静态文件。