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

@kne/npm-tools

v0.1.42

Published

发布npm包的一些工具脚本

Downloads

306

Readme

npm-tools

描述

发布npm包的一些工具脚本

安装

npm i --save @kne/npm-tools

概述

node lib 集成

latestVersion

获取想要知道的包最后版本

 npx @kne/npm-tools latestVersion @kne/mini-core 

output:

2.1.5

nextMajorVersion

在自己项目中运行。 获取当前版本号后通过计算进行修改,比如原本版本号为 1.0.0,修改后为 2.0.0

npx @kne/npm-tools nextMajorVersion

nextMinorVersion

在自己项目中运行。 获取当前版本号后通过计算进行修改,比如原本版本号为 1.0.0,修改后为 1.1.0

npx @kne/npm-tools nextMajorVersion

nextPatchVersion

在自己项目中运行。 获取当前版本号后通过计算进行修改,比如原本版本号为 1.0.0,修改后为 1.0.1

npx @kne/npm-tools nextMajorVersion

download

参考@kne/fetch-npm-package

npx @kne/npm-tools download [npm-package-name]

entryHtml

  1. 获取环境变量中的 部署地址(DEPLOY_URL)、APP_NAME、VERSION
  2. 将 [APP_NAME]、"static/js"、"remoteEntry.js" 匹配为 URL
  3. 获取入口文件,创建一个新的 DOM 环境,并在其中加载刚获取到的入口文件内容
  4. 拿到 dom 环境的 window,将匹配的 URL 转换到 window 的 head 中
  5. 生成 script 标签,声明 runtimeAppName、runtimePublicUrl 以及 runtimeEnv 参数并赋值
  6. 将 dom 序列化后的内容写入口文件
npx @kne/npm-tools entryHtml

manifest

  1. 获取导出地址
  2. 创建 readme 和 list 文件夹
  3. 读取配置文件信息并返回新的数据
    • 当前目录下,读取环境变量中的 [MANIFEST_FILE] 文件或者 package.json 配置文件
    • 将文件内容的 manifest-config 数据重新循环,获取配置中的包名在 npm 中的信息,配置生成新的数据
  4. 定义 readme json 数据集合
  5. 将获取到的数据转换,生成新的 manifest.json 文件,并将定义路径和数据放入 readme 数据集合中
  6. 将获取到的数据转换中所有远程加载的包写入 remote-components.json 中
  7. 将 readme 数据集合中的数据分类写入 readme 文件夹内
  8. 将 readme 数据集合中的数据写入 list 文件夹内

list 文件夹主要储存从 npm 中获取到的包数据 readme 文件夹主要储存每个库中包的 readme 文件数据

npx @kne/npm-tools manifest

init

可以使用 npm-tools 创建一个预置的模板项目

npx @kne/npm-tools init [project-name] [template-name]

project-name 必填,为创建的项目名,template-name 可选,没有指定的时候会有以下六种模板可供选择,指定的话(如:cra-template)将会使用指定的模板进行创建

共有六种模板类型可供选择

示例

示例代码

API

发布npm包的一些工具脚本