package.json和npm install、cnpm install 的問題
問題:最近使用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 的問題