使用客户端javascript获取NPM版本标记

Question

I was wondering if there is any way to get the latest version tag of a NPM package, using client-side JavaScript. I looked around for APIs and the like but I couldn't find anything that isn't deprecated.

However, I am pretty certain that it's possible to do, as shields.io does exactly that for multiple packages.

What I want to do is get the latest version tag as-is (eg v1.2.5 ) in either string or JSON format.

Answer 1

You can call into the npm registry using your AJAX method of choice.

The URL for a given package is the base registry URL http://registry.npmjs.org with the package as the path ie http://registry.npmjs.org/styled-components .

If you check out that second URL you'll see a JSON document containing all the information you want for that package including the latest version.

example code:

const res = await fetch('http://registry.npmjs.org/styled-components');
const json = await res.json();
console.log(json['dist-tags'].latest) // latest distributed version