首頁 web前端 js教程 npm i 與 npm ci

npm i 與 npm ci

Nov 28, 2024 pm 04:02 PM

npm i vs npm ci

我們都知道 npm install,但有些人可能不知道 npm ci(全新安裝)。這個指令在 CI 環境中非常有用。使用 npm ci 可以使您的建造管道更快、更穩定。學習這些命令可以幫助您更了解 npm install 以及為什麼 package-lock.json 和 package.json 如此重要。了解這些基礎知識可以讓您更加清晰。

什麼是 npm ci(全新安裝)?

npm ci 是一個用於在專案中安裝依賴項的命令,注重速度和一致性。它對於持續整合 (CI) 設定特別有用。

它與 npm install 有什麼不同?

  • 更快的安裝

    npm ci 會跳過更新 package-lock.json。它嚴格遵循鎖定檔案的依賴關係,使流程更快且可預測。

  • 嚴格鎖定檔案:

    它使用 package-lock.json 中的確切依賴項版本。如果 package.json 和 package-lock.json 之間有任何不匹配,則會拋出錯誤。這可確保所有環境(本地、CI、生產)使用相同的依賴項。

  • 乾淨的石板

    在安裝之前,npm ci 會刪除node_modules 資料夾以重新開始。

何時使用?

  • CI/CD 管道:非常適合需要快速、一致安裝而無需更新的自動化建置系統。
  • 受信任的鎖定檔案:當您希望依賴項與 package-lock.json 中定義的內容完全匹配時使用。

這是一個快速參考表,透過了解 npm install 和 npm ci 之間的主要區別,為您打開許多隱藏區域:

步驟 npm install npm ci
1。依賴解析 根據 package.json 解決依賴關係並更新 package-lock.json 以反映任何變更。 跳過解析,使用 package-lock.json 中的確切版本,而不參考 package.json 的版本範圍。
2。版本相容性檢查 確保相依性符合 package.json 中指定的範圍,如果需要更新 package-lock.json。 要求 package-lock.json 中的版本與 package.json 完全匹配;如果不同步就會失敗。
3。 node_modules 清理 僅安裝遺失或更新的軟體包,而不刪除node_modules,保持現有的依賴項不變。 在重新安裝所有新內容之前完全刪除node_modules。
4。鎖定檔案產生 如果不存在則產生一個新的package-lock.json;根據 package.json 的變更進行更新。 需要現有的 package-lock.json,如果遺失或與 package.json 不同步,則會失敗。
5。與 package.json 同步 更新 package-lock.json 以與 package.json 中任何新的、修改的或刪除的依賴項保持一致。 要求 package-lock.json 與 package.json 完全匹配;如果不是,則失敗,確保嚴格的版本一致性。
6。安裝依賴項 根據 package.json 將依賴項安裝到 node_modules 中,並使用任何已解析的版本更新 package-lock.json。 完全按照 package-lock.json 中指定的方式安裝依賴項,確保可重複性並忽略 package.json 中的版本範圍。
7。鎖定檔案修改 修改 package-lock.json 以自動符合 package.json 變更。 無論package.json如何變化,都不會修改package-lock.json,保持一致性。
8。網路請求 取得在node_modules中未找到的任何新依賴項或更新。 僅取得 package-lock.json 中列出的依賴項,跳過額外檢查。
9。速度 由於依賴項解析、潛在的鎖定檔案更新和增量安裝而較慢。 更快,僅使用 package-lock.json 進行精確安裝,最大限度地減少處理。
10。文件優先權 package.json 優先:根據它解析依賴項,並更新 package-lock.json 以反映任何變更。 package-lock.json 優先:安裝時使用準確的版本,忽略 package.json,除非檢查同步錯誤(如果不符合則失敗)。
11。理想用例 最適合修改或新增相依性時的本機開發。 最適合 CI/CD 環境、生產或任何時間一致性、速度和可重複性至關重要。

以上是npm i 與 npm ci的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1655
14
CakePHP 教程
1413
52
Laravel 教程
1306
25
PHP教程
1252
29
C# 教程
1226
24
前端熱敏紙小票打印遇到亂碼問題怎麼辦? 前端熱敏紙小票打印遇到亂碼問題怎麼辦? Apr 04, 2025 pm 02:42 PM

前端熱敏紙小票打印的常見問題與解決方案在前端開發中,小票打印是一個常見的需求。然而,很多開發者在實...

神秘的JavaScript:它的作用以及為什麼重要 神秘的JavaScript:它的作用以及為什麼重要 Apr 09, 2025 am 12:07 AM

JavaScript是現代Web開發的基石,它的主要功能包括事件驅動編程、動態內容生成和異步編程。 1)事件驅動編程允許網頁根據用戶操作動態變化。 2)動態內容生成使得頁面內容可以根據條件調整。 3)異步編程確保用戶界面不被阻塞。 JavaScript廣泛應用於網頁交互、單頁面應用和服務器端開發,極大地提升了用戶體驗和跨平台開發的靈活性。

誰得到更多的Python或JavaScript? 誰得到更多的Python或JavaScript? Apr 04, 2025 am 12:09 AM

Python和JavaScript開發者的薪資沒有絕對的高低,具體取決於技能和行業需求。 1.Python在數據科學和機器學習領域可能薪資更高。 2.JavaScript在前端和全棧開發中需求大,薪資也可觀。 3.影響因素包括經驗、地理位置、公司規模和特定技能。

如何實現視差滾動和元素動畫效果,像資生堂官網那樣?
或者:
怎樣才能像資生堂官網一樣,實現頁面滾動伴隨的動畫效果? 如何實現視差滾動和元素動畫效果,像資生堂官網那樣? 或者: 怎樣才能像資生堂官網一樣,實現頁面滾動伴隨的動畫效果? Apr 04, 2025 pm 05:36 PM

實現視差滾動和元素動畫效果的探討本文將探討如何實現類似資生堂官網(https://www.shiseido.co.jp/sb/wonderland/)中�...

JavaScript的演變:當前的趨勢和未來前景 JavaScript的演變:當前的趨勢和未來前景 Apr 10, 2025 am 09:33 AM

JavaScript的最新趨勢包括TypeScript的崛起、現代框架和庫的流行以及WebAssembly的應用。未來前景涵蓋更強大的類型系統、服務器端JavaScript的發展、人工智能和機器學習的擴展以及物聯網和邊緣計算的潛力。

如何使用JavaScript將具有相同ID的數組元素合併到一個對像中? 如何使用JavaScript將具有相同ID的數組元素合併到一個對像中? Apr 04, 2025 pm 05:09 PM

如何在JavaScript中將具有相同ID的數組元素合併到一個對像中?在處理數據時,我們常常會遇到需要將具有相同ID�...

JavaScript引擎:比較實施 JavaScript引擎:比較實施 Apr 13, 2025 am 12:05 AM

不同JavaScript引擎在解析和執行JavaScript代碼時,效果會有所不同,因為每個引擎的實現原理和優化策略各有差異。 1.詞法分析:將源碼轉換為詞法單元。 2.語法分析:生成抽象語法樹。 3.優化和編譯:通過JIT編譯器生成機器碼。 4.執行:運行機器碼。 V8引擎通過即時編譯和隱藏類優化,SpiderMonkey使用類型推斷系統,導致在相同代碼上的性能表現不同。

前端開發中如何實現類似 VSCode 的面板拖拽調整功能? 前端開發中如何實現類似 VSCode 的面板拖拽調整功能? Apr 04, 2025 pm 02:06 PM

探索前端中類似VSCode的面板拖拽調整功能的實現在前端開發中,如何實現類似於VSCode...

See all articles