NPM包分析工具推薦header.png
1. uiwjs / npm-unpkg
一個在線工具,可以查看 JS 軟件包里面包含哪些文件啡浊,每個文件的源碼。
協(xié)議:MIT License
GitHub地址:https://github.com/uiwjs/npm-unpkg
網(wǎng)站地址:https://uiwjs.github.io/npm-unpkg/
npm-unpkg.png
example:vue@2.6.12
npm-unpkg-vue.png
可以清晰的查看包文件目錄及源碼文件,解決了在node_modules中找半天找不到包廷粒,文件目錄拖很長的問題。
2. pastelsky / bundlephobia
一個在線工具树枫,分析 npm 軟件包的體積和加載性能景东,找出在項目中添加新的前端依賴項的成本。
協(xié)議:MIT License
GitHub地址:https://github.com/pastelsky/bundlephobia
網(wǎng)站地址:https://bundlephobia.com/
bundlephobia.png
example:vue@2.6.12
bundlephobia-vue.png
以 vue@2.6.12 為例搔涝,
- BUNDLE SIZE(打包體積):壓縮后體積為 63.7KB;壓縮+gzip為22.9KB庄呈。
- 右側(cè)柱狀圖:歷史版本體積對比。
- DOWNLOAD TIME(包下載時間):2G:0.76s斜纪;3G:455ms
- Composition(包成分):包私有成分99.9%文兑,表示外部包依賴為0.01%