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
image

按下F8接着往下跑,就會進如Gruntfile.js,此時的grunt,是本地安裝的一個node包。全局命令跟本地的包名字一樣,挺有迷惑性的。
image


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM