1. 程式人生 > >package.json和npm install、cnpm install 的問題

package.json和npm install、cnpm install 的問題

問題 很多 變化 install tab 位置 col 老版本 tro

問題最近使用cnpm安裝項目依賴後,運行項目出現樣式錯亂問題。

描述最近項目開發,需求參插了很多個版本,所以在前端項目的主幹上拉好幾套分支代碼。拉的分支並不會把node_modules也拉過去,所以只能重新安裝cnpm install。運行項目發現一個很嚴重的bug,一些樣式沒有生效,導致一些功能沒辦法正常使用。然後就開始找問題,發現主幹上(還是原來的node_modules)的代碼運行是沒有問題,那麽應該是cnpm install的安裝的node_modules依賴出現問題了,然後我又用npm install安裝了一遍,運行後樣式還是錯亂的。

我將分支上的node_modules和主幹上的node_modules進行對比,發現版本不一樣!!!

技術分享圖片

但是,我又對比了主幹和分支的package.json ,發現裏面的版本信息都是一樣的 "vue-loader": "^13.0.4", 按道理node_modules也一樣才對呀???為什麽呢?

解決過程那麽我們現在來研究兩個問題

1、package.json 版本信息

2、cnpm install和npm install 的安裝區別

一、package.json 版本信息

1、版本的格式

major.minor.patch

主版本號.次版本號.修補版本號

————————————————————

patch:修復bug,兼容老版本

minor:新增功能,兼容老版本

major:新的架構調整,不兼容老版本

補丁中的更改表示不會破壞任何內容的錯誤修復。 次要版本的更改表示不會破壞任何內容的新功能。 主要版本的更改代表了一個破壞兼容性的大變化

2、版本指定

  • version

    必須匹配某個版本

    如:1.1.2,表示必須依賴1.1.2版

  • ^version

    兼容某個版本

    版本號中最左邊的非0數字的右側可以任意

    如果缺少某個版本號,則這個版本號的位置可以任意

    如:^1.1.2 ,表示>=1.1.2 <2.0.0,可以是1.1.2,1.1.3,.....,1.1.n,1.2.n,.....,1.n.n

    如:^0.2.3 ,表示>=0.2.3 <0.3.0,可以是0.2.3,0.2.4,.....,0.2.n

    如:^0.0,表示 >=0.0.0 <0.1.0,可以是0.0.0,0.0.1,.....,0.0.n

  • ~version

    大概匹配某個版本

    如果minor版本號指定了,那麽minor版本號不變,而patch版本號任意

    如果minor和patch版本號未指定,那麽minor和patch版本號任意

    如:~1.1.2,表示>=1.1.2 <1.2.0,可以是1.1.2,1.1.3,1.1.4,.....,1.1.n

    如:~1.1,表示>=1.1.0 <1.2.0,可以是同上

    如:~1,表示>=1.0.0 <2.0.0,可以是1.0.0,1.0.1,1.0.2,.....,1.0.n,1.1.n,1.2.n,.....,1.n.n

  • >version

    必須大於某個版本

    如:>1.1.2,表示必須大於1.1.2版

    >=version

    可大於或等於某個版本

    如:>=1.1.2,表示可以等於1.1.2,也可以大於1.1.2版本

    <version

    必須小於某個版本

    如:<1.1.2,表示必須小於1.1.2版本

    <=version

    可以小於或等於某個版本

    如:<=1.1.2,表示可以等於1.1.2,也可以小於1.1.2版本

  • x-range

    x的位置表示任意版本

    如:1.2.x,表示可以1.2.0,1.2.1,.....,1.2.n

  • *-range

    任意版本,""也表示任意版本

    如:*,表示>=0.0.0的任意版本

  • version1 - version2

    大於等於version1,小於等於version2

    如:1.1.2 - 1.3.1,表示包括1.1.2和1.3.1以及他們件的任意版本

  • range1 || range2

    滿足range1或者滿足range2,可以多個範圍

    如:<1.0.0 || >=2.3.1 <2.4.5 || >=2.5.2 <3.0.0,表示滿足這3個範圍的版本都可以

  • latest 當前發布版本。
    這是一個標記(tag,詳見 dist-tag |npm Documentation),默認情況下 npm install 安裝的就是這個 latest 標記。 常見的標記還有 next stable beta canary

package.json和npm install、cnpm install 的問題