49195

這是在GitHub上拉取一個react 開發(fā)的開源項目，在本地 npm install 安裝依賴庫時，所面對的數(shù)字。

npm 到底什么時候能迎來變革，這些年先先后后有許多優(yōu)秀的nodejs構(gòu)建工具出現(xiàn)，包括但不限于：

1、npm

號稱宇宙最重的東西，依賴地獄由此而來。

NPM是隨同NodeJS一起安裝的包管理工具，能解決NodeJS代碼部署上的很多問題。允許用戶：

?下載別人編寫的第三方包?下載并安裝別人編寫的命令行程序?將自己編寫的包或命令行程序，上傳到NPM服務器供別人使用

npm

2、cnpm

cnpm是一個完整 npmjs.org 鏡像，用于國內(nèi)開發(fā)者加速訪問，但時常不能保證最新，因為JavaScript社區(qū)開發(fā)者非常踴躍，更新很快。

阿里巴巴為了眾多開發(fā)者的便捷便挺身而出，推出了淘寶鏡像（即cnpm），它把npm官方的“包”全部搬到國內(nèi)，供廣大開發(fā)者使用。

3、yarn

快速、可靠、安全的依賴管理工具。 緩存了每個下載過的包，所以再次使用時無需重復下載。 同時利用并行下載以最大化資源利用率，因此安裝速度更快。

yarn

4、gulp

基于流(stream)的自動化構(gòu)建工具，推出這么些年，一直不冷不熱。不難用，也不太好用。

gulp

5、rollup

一個 JavaScript 模塊打包器，可以將小塊代碼編譯成大塊復雜的代碼。作者很高產(chǎn)，現(xiàn)在前端框架 sveltejs 就是他的又一力作。

rollup

6、grunt

對于需要反復重復的任務，例如壓縮（minification）、編譯、單元測試、linting等，grunt 可以減輕壓力，簡化你的工作流。

grunt

7、npx

可以運行使用 Node.js 構(gòu)建并通過 npm 倉庫發(fā)布的代碼，極大地簡化了開發(fā)階段的繁雜配置。

npx

8、pnpm

速度快、節(jié)省磁盤空間的軟件包管理器，是同類工具速度的將近 2 倍，node_modules 中的所有文件均鏈接自單一存儲位置，內(nèi)置了對單個源碼倉庫中包含多個軟件包的支持，創(chuàng)建的 node_modules 默認并非扁平結(jié)構(gòu)，因此代碼無法對任意軟件包進行訪問。

pnpm

9、Vite

后起之秀，也最亮眼。號稱是下一代的前端工具鏈，為開發(fā)提供極速響應。打包和編譯啟動速度非?？?/span>，用過的都知道?，F(xiàn)在社區(qū)已經(jīng)在擁抱vite了。

vite

當然還有很多小眾而好用的工具，沒有列舉出來。由此可見，前端生態(tài)之豐富，超其他語言生態(tài)遠甚。

10、就這樣了嗎？

能不能有一項技術(shù)，可以兼容 npm，但同時又不再使用 npm 的機制呢？今年推出的 bun 正是這樣的一種嘗試。

它完全另起爐灶，沒有繼續(xù)跟風 npm，而是自己造了JavaScript的運行時，還有包管理。

這個平臺還太新，一下子收獲了接近40K點贊。但是，前端工程化不是 hello world 代碼，實際場景中的業(yè)務往往很復雜，有許多掣肘。

bun 在這一領域的嘗試，還要經(jīng)歷實踐的檢驗，才能慢慢趨于穩(wěn)定。我們希望 bun 可以有更好的表現(xiàn)。