npm install —— 從一個簡單例子,看本地安裝與全域性安裝的區別
npm的包安裝分為本地安裝(local)、全域性安裝(global)兩種,從敲的命令列來看,差別只是有沒有-g
而已,比如
npm install grunt # 本地安裝
npm install -g grunt-cli # 全域性安裝
這兩種安裝方式有什麼區別呢?從npm官方文件的說明來看,主要區別在於(後面通過具體的例子來說明):
本地安裝
1. 將安裝包放在 ./node_modules 下(執行npm時所在的目錄)
2. 可以通過 require() 來引入本地安裝的包
全域性安裝
1. 將安裝包放在 /usr/local 下
2. 可以直接在命令列裡使用
本地安裝
1、將安裝包放在 ./node_modules 下(執行npm時所在的目錄)
比如執行下面命令
npm install grunt --save-dev
那麼,就會在當前目錄下發現一個node_modules
目錄,進去後能夠看到grunt
這個包
casperchenMacBookPro:testUsemin casperchen$ ll
total 200
drwxr-xr-x 16 casperchen staff 544B 12 14 23:17 node_modules
進入node_modules
casperchenMacBookPro:node_modules casperchen$ ll total 0 drwxr-xr-x 16 casperchen staff 544B 12 5 00:49 grunt
2、可以通過 require() 來引入本地安裝的包
直接來個例子,我們在專案根目錄下建立test.js
,裡面的內容很簡單
var grunt = require('grunt'); grunt.log.writeln('hello grunt');
然後在控制檯執行test.js
node test.js
然後就會看到如下輸出
casperchenMacBookPro:testUsemin casperchen$ node test.js
hello grunt
全域性安裝
1、將安裝包放在 /usr/local 下
執行如下命令
npm install -g grunt-cli
然後進入/usr/local/bin
目錄,就會發現grunt-cli
已經被放置在下面了
casperchenMacBookPro:bin casperchen$ pwd
/usr/local/bin
casperchenMacBookPro:bin casperchen$ ll grunt
lrwxr-xr-x 1 root admin 39B 8 18 21:43 grunt -> ../lib/node_modules/grunt-cli/bin/grunt
可見,全域性模組的真實安裝路徑在/usr/local/lib/node_modules/下
,/usr/local/bin
下的可執行檔案只是軟連結而已
2、可以直接在命令列裡使用
實現細節在上面其實就講到了,通過在`/usr/local/bin
下建立軟連結的方式實現。這裡不贅述
更直觀的例子
下面就直接看下,當我們在專案目錄下執行grunt task
(task為具體的grunt任務名,自行替換)時,發生了什麼事情。這裡要藉助node-inspector
。
首先,沒接觸過node-inspector
的童鞋可以參考之前的文章瞭解下
執行如下命令開啟除錯
node-inspector &
見到如下輸出
casperchenMacBookPro:tmp casperchen$ node-inspector &
[1] 14390
casperchenMacBookPro:tmp casperchen$ Node Inspector v0.6.1
info - socket.io started
Visit http://127.0.0.1:8080/debug?port=5858 to start debugging.
接著,在當前任務下執行grunt任務
^CcasperchenMacBookPro:testUsemin casperchen$ node --debug-brk $(which grunt) dev
debugger listening on port 5858
接著,開啟chrome瀏覽器,輸入網址http://127.0.0.1:8080/debug?port=5858
,就會自動進入斷點除錯狀態
。從一旁顯示的tips可以看到,全域性命令grunt
其實就是/usr/local/lib/node_modules/grunt-cli/bin/grunt
按下F8接著往下跑,就會進如Gruntfile.js,此時的grunt,是本地安裝的一個node包。全域性命令跟本地的包名字一樣,挺有迷惑性的。