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

@wm-hosp/weimeng-menu

v1.0.9

Published

微萌前端menu组件

Downloads

3

Readme

基础命令
* 全局微萌脚手架 npm install wm-cli -g
* 创建新组件执行命令 weimeng init xxx (xxx代表组件名称)
* 下载所有公共组件命令 weimeng install packages
* 下载cli脚本代码命令 weimeng install cli

公共组件模板目录结构描述
├── README.md                   // help
├── src                         // 代码编写位置
├── webpack-config                      // 配置
│   ├── webpack-common.js // webpack 公共配置
│   ├── webpack-development.js     // webpack 开发环境配置
│   └── webpack-production.js      // webpack 打包环境配置
├── types                          // 经过tsc命令编译后的 typescript 代码位置
├── lib                         // 打包后静态文件的位置,main引入的位置
├── node_modules
├── .eslintrc.js // // eslint 配置文件
├── .prettierrc // prettier 配置文件
├── babel.config.js // babel 配置文件
├── tsconfig.json // typescript 配置文件
├── package.json
└── tools

公共组件模板脚本执行命令明细
* tsc 根据tsconfig配置执行typescript代码
* tsc-w 实时编译根据tsconfig配置执行typescript代码
* build 打包命令
* example 本地测试命令(example目录下 有例子)
* lint 按照.eslintrc.js检测src和example文件夹eslint规范
* lint-fix 按照.eslintrc.js规范修复src和example文件夹的js、ts、tsx文件

版本发布流程
1. npm whoami (查看当前账号)
1. npm login (如果非公司账号需用公司账号登录npm)
    * 没有账号的可以取npm官网用公司邮箱进行注册
    * 注册后请通知管理员@蔡雯多,拉入@wm-hosp组织才能对微萌的前端包进行上传操作
2. npm publish --access public(发布当前的包)

版本修改规范

| Code Status | stage | rule | 例子 | | ----------- | ------------- | ------------ | ----- | | 开始版本 | new product | 从1.0.0开始 | 1.0.0 | | BUG修改 | Patch Release | 改第三个参数 | 1.0.1 | | 新增功能 | Minor Release | 改第二个参数 | 1.1.0 | | 大变动 | Major Release | 改第一个参数 | 2.1.0 |