npm 全局安裝和局部安裝的區別

上圖是從網上找的webpack 安裝的步驟,咱們看到除了要全局安裝以外,還須要本地安裝,那麼這二者有什麼區別呢?
本文以Windows平臺上作測試,以webpack爲示例作教程css

什麼是全局安裝?

安裝位置

全局安裝方式是鍵入命令:npm install webpack -g 或 npm install webpack --global,其中參數-g的含義是表明安裝到全局環境裏面,包安裝在Node安裝目錄下的node_modules文件夾中,通常在 \Users\用戶名\AppData\Roaming\ 目錄下,可使用npm root -g查看全局安裝目錄。node

 

 

調用方式

全局安裝後能夠供命令行(command line)使用,用戶能夠在命令行中直接運行該組件包支持的命令。webpack

 

 

上圖列出了一部分關於webpack支持的命令行,若是不瞭解的話,可使用 webpack -h 來查看它所支持的全部的命令;git

什麼是本地安裝?

安裝位置

本地安裝方式是鍵入命令:npm install webpack 或 npm install webpack --save-dev等,其中參數--save-dev的含義是表明把你的安裝包信息寫入package.json文件的devDependencies字段中,包安裝在指定項目的node_modules文件夾下。github

 

 

調用方式

本地安裝後能夠直接經過require()的方式引入項目中node_modules目錄下的模塊,以下示例,本地安裝後直接在webpack.config.js中require('gulp')。web

 

 

爲何全局安裝還要本地安裝?

僅僅全局安裝夠嗎?

1.在js實例代碼中,默認下node.js會在NODE_PATH和目前js所在項目下的node_modules文件夾下去尋找模塊,所以,若是隻是全局安裝,不能直接經過require()的方式去引用模塊,須要手動解決包路徑的配置問題,固然你也能夠複製全局安裝的node_modules文件夾到項目下,還有辦法能夠選擇將環境變量的NODE_PATH設置爲C:\Program Files\nodejs。npm

2.對於包的更新很差管理,可能你須要爲每一個包從新命名,如gulp@3.8.一、gulp@3.9.1...,爲了區別不一樣項目使用指定的包,保證模塊之間的相互依賴(這塊下面會介紹),區別每一個項目正常運行。json

所以,不推薦只全局安裝。gulp

本地安裝的重要性

最先的node.js/npm其實是全局的,包括如今還兼容NODE_PATH,可是不能支持全局多版本,因而nodejs團隊改爲本地安裝的方法可能就是爲了保證不一樣版本包之間的相互依賴,什麼意思呢,舉個例子wpdemo組件中相互依賴的包就有不少個測試

 

 


其中依賴包的指定版本號以下,不可輕易去修改,由於不一樣版本包對應依賴包的版本的功能有所差異,若是修改指定的版原本運行wpdemo,就可能會編譯出錯等bug。

 

 

依賴

再舉個例子:

包版本爲:A(0.0.1)依賴B(0.0.2),B(0.0.1)依賴C(0.0.3) 一段時間原做者更新後, 包版本爲:A(1.0.1)依賴B(1.0.0),B(1.0.0)依賴C(1.0.0) 

每一次的更新可能帶來不同的功能,在多人合做、發佈模塊到npmjs社區、上傳到github給其餘人使用時,保留模塊的版本信息可用於下載指定的版本號顯得特別重要。
本地安裝可讓每一個項目擁有獨立的包,不受全局包的影響,方便項目的移動、複製、打包等,保證不一樣版本包之間的相互依賴,這些優勢是全局安裝難以作到的。
另外,據node團隊介紹,本地安裝包對於項目的加載會更快。
有優勢也少不了缺點,如每次新項目都要本地安裝所依賴的包,安裝包時間相對較長,一來是包太大致使下載慢;二是浪費了硬盤空間,不過如今電腦硬盤動不動就幾個T,你還會在乎節省這點空間嗎?

 出處:http://peunzhang.cnblogs.com/

相關文章
相關標籤/搜索