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 🙏

© 2026 – Pkg Stats / Ryan Hefner

wlyd_fe_monorepo

v1.0.0

Published

> 为了便于管理前端工具类,采用了pnpm创建了monorepo的架构去进行管理npm包,并集成了以下技术辅助管理: > > + [tsup](https://github.com/egoist/tsup) : 一个简单高效的js、ts打包工具 > + [changesets](https://github.com/changesets/changesets) : 适用于monorepo架构的版本管理工具

Readme

前端工具管理仓库

为了便于管理前端工具类,采用了pnpm创建了monorepo的架构去进行管理npm包,并集成了以下技术辅助管理:

  • tsup : 一个简单高效的js、ts打包工具
  • changesets : 适用于monorepo架构的版本管理工具

1、启动项目

下述命令如无特殊说明,均在根目录执行

1.1 安装全部依赖

pnpm i

1.2 工具类开发完成要测试有以下方法

  • 在apps/demo中进行测试,验证功能

    pnpm --filter "@wlydfe/demo" run dev
  • 使用yalc+nodemon(或者npm link)的方式链接到具体项目中【出现bug时的调试】

2、npm包的发布流程

npm包发布流程的前提是当前开发者已登录npm并处于@wlydfe这个组织中【如果没有联系一下天杰】

该仓库的发布版本使用的changesets,可以自动识别本次更改需要发布的内容,并做版本的管理、更新日志的自动留存

2.0 构建npm包

pnpm run publish  #一键发布 需要更具changesets的提示进行选择

2.1 添加变更集

单个或者多个npm包本地开发完成需要发布时执行以下命令,选择此次要发布的包

更新版本号要严格遵守npm包的版本规范

选择版本类型

  • patch(修复 Bug,如 1.0.01.0.1
  • minor(新增功能,如 1.0.01.1.0
  • major(不兼容变更,如 1.0.02.0.0
pnpm changeset add 
# 终端会出现,此次更改涉及到的npm包,使用键盘上下键选择,使用空格键选中,使用enter键确认(不选择也可以使用enter键)

# 选择要变更的版本号类型major、minor、patch  

2.2 更新版本号

pnpm changeset version  # 根据变更集更新版本号和生成变更日志

2.3 发布到npm上

pnpm run release  # 发布到npm 

3、更新代码仓库