npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

xh-eplus-ui

v1.1.2

Published

> 由于中台采用的是微前端开发模式,导致大部分子应用都会用到的公共组件,如:分页、表格、弹窗、项目选择器等,大家都会在写一遍,不便于管理,所以才有了这个基于`element-plus`二次封装的组件库,通过将公共组件在这里进行编写,发布到`npm`上进行统一的管理。

Downloads

2

Readme

xh-eplus-ui

由于中台采用的是微前端开发模式,导致大部分子应用都会用到的公共组件,如:分页、表格、弹窗、项目选择器等,大家都会在写一遍,不便于管理,所以才有了这个基于element-plus二次封装的组件库,通过将公共组件在这里进行编写,发布到npm上进行统一的管理。

目录说明

  • components:编写组件的目录
  • examples:编写完组件后进行测试的目录
  • docs:对应组件使用说明文档目录
  • .npmignore:发布到 npm 上需要忽略的文件及目录

编写组件及打包测试规范

  • 在 components 目录下新增对应组件的文件夹,在文件夹中新建组件进行编写
  • 编写完组件进行测试完后,需要先在本地构建成lib库进行测试,打包库命令:npm run lib
  • 测试打包库:需要使用npm pack进行本地库的打包,最后得到一个xh-eplus-ui-版本号.tgz库文件
  • 然后在package.jsondependencies里配置"xh-eplus-ui" : "./xh-eplus-ui-版本号.tgz"
  • 再通过yarn add ./xh-eplus-ui-版本号.tgz安装依赖
  • 最后在examples中的main.ts中引入并进行全局注册
    • import XHUI from "xh-eplus-ui";
    • app.use(XHUI);
  • 或者通过按需引入的形式进行相关组件的引入使用
  • 最后可测试编写的组件是否正常,正常后方可进行 npm 的发布

发布到 npm 及版本更新

  • 登录到 npm: npm login
  • 发布包: npm publish