1. uiwjs / npm-unpkg
一个在线工具,可以查看 JS 软件包里面包含哪些文件,每个文件的源码。
协议:MIT License
GitHub地址:https://github.com/uiwjs/npm-unpkg
网站地址:https://uiwjs.github.io/npm-unpkg/
example:vue@2.6.12
可以清晰的查看包文件目录及源码文件,解决了在node_modules中找半天找不到包,文件目录拖很长的问题。
2. pastelsky / bundlephobia
一个在线工具,分析 npm 软件包的体积和加载性能,找出在项目中添加新的前端依赖项的成本。
协议:MIT License
GitHub地址:https://github.com/pastelsky/bundlephobia
网站地址:https://bundlephobia.com/
example:vue@2.6.12
以 vue@2.6.12 为例,
- BUNDLE SIZE(打包体积):压缩后体积为 63.7KB;压缩+gzip为22.9KB。
- 右侧柱状图:历史版本体积对比。
- DOWNLOAD TIME(包下载时间):2G:0.76s;3G:455ms
- Composition(包成分):包私有成分99.9%,表示外部包依赖为0.01%