W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
每個(gè)項(xiàng)目的根目錄下面,一般都有一個(gè)package.json文件,定義了這個(gè)項(xiàng)目所需要的各種模塊,以及項(xiàng)目的配置信息(比如名稱、版本、許可證等元數(shù)據(jù))。npm install 命令根據(jù)這個(gè)配置文件,自動(dòng)下載所需的模塊,也就是配置項(xiàng)目所需的運(yùn)行和開發(fā)環(huán)境。
下面是一個(gè)最簡單的package.json文件,只定義兩項(xiàng)元數(shù)據(jù):項(xiàng)目名稱和項(xiàng)目版本。
{
"name" : "xxx",
"version" : "0.0.0",
}
上面代碼說明,package.json文件內(nèi)部就是一個(gè)json對(duì)象,該對(duì)象的每一個(gè)成員就是當(dāng)前項(xiàng)目的一項(xiàng)設(shè)置。比如name就是項(xiàng)目名稱,version是版本(遵守“大版本.次要版本.小版本”的格式)。
下面是一個(gè)更完整的package.json文件。
{
"name": "Hello World",
"version": "0.0.1",
"author": "張三",
"description": "第一個(gè)node.js程序",
"keywords":["node.js","javascript"],
"repository": {
"type": "git",
"url": "https://path/to/url"
},
"license":"MIT",
"engines": {"node": "0.10.x"},
"bugs":{"url":"http://path/to/bug","email":"bug@example.com"},
"contributors":[{"name":"李四","email":"lisi@example.com"}],
"scripts": {
"start": "node index.js"
},
"dependencies": {
"express": "latest",
"mongoose": "~3.8.3",
"handlebars-runtime": "~1.0.12",
"express3-handlebars": "~0.5.0",
"MD5": "~1.2.0"
},
"devDependencies": {
"bower": "~1.2.8",
"grunt": "~0.4.1",
"grunt-contrib-concat": "~0.3.0",
"grunt-contrib-jshint": "~0.7.2",
"grunt-contrib-uglify": "~0.2.7",
"grunt-contrib-clean": "~0.5.0",
"browserify": "2.36.1",
"grunt-browserify": "~1.3.0",
}
}
下面詳細(xì)解釋package.json文件的成員。
scripts指定了運(yùn)行腳本命令的npm命令行縮寫,比如start指定了運(yùn)行npm run start時(shí),所要執(zhí)行的命令。
下面的設(shè)置指定了npm run preinstall、npm run postinstall、npm run start、npm run test時(shí),所要執(zhí)行的命令。
"scripts": {
"preinstall": "echo here it comes!",
"postinstall": "echo there it goes!",
"start": "node index.js",
"test": "tap test/*.js"
}
dependencies和devDependencies兩項(xiàng),分別指定了項(xiàng)目運(yùn)行所依賴的模塊、項(xiàng)目開發(fā)所需要的模塊。
dependencies和devDependencies這兩項(xiàng),都指向一個(gè)對(duì)象。該對(duì)象的各個(gè)成員,分別由模塊名和對(duì)應(yīng)的版本要求組成。對(duì)應(yīng)的版本可以加上各種限定,主要有以下幾種:
package.json文件可以手工編寫,也可以使用npm init命令自動(dòng)生成。
npm init
這個(gè)命令采用互動(dòng)方式,要求用戶回答一些問題,然后在當(dāng)前目錄生成一個(gè)基本的package.json文件。所有問題之中,只有項(xiàng)目名稱(name)和項(xiàng)目版本(version)是必填的,其他都是選填的。
有了package.json文件,直接使用npm install命令,就會(huì)在當(dāng)前目錄中安裝所需要的模塊。
npm install
如果一個(gè)模塊不在package.json文件之中,可以單獨(dú)安裝這個(gè)模塊,并使用相應(yīng)的參數(shù),將其寫入package.json文件之中。
npm install express --save
npm install express --save-dev
上面代碼表示單獨(dú)安裝express模塊,--save參數(shù)表示將該模塊寫入dependencies屬性,--save-dev表示將該模塊寫入devDependencies屬性。
bin項(xiàng)用來指定各個(gè)內(nèi)部命令對(duì)應(yīng)的可執(zhí)行文件的位置。
"bin": {
"someTool": "./bin/someTool.js"
}
上面代碼指定,someTool 命令對(duì)應(yīng)的可執(zhí)行文件為 bin 子目錄下的 someTool.js。Npm會(huì)尋找這個(gè)文件,在node_modules/.bin/
目錄下建立符號(hào)鏈接。在上面的例子中,someTool.js會(huì)建立符號(hào)鏈接npm_modules/.bin/someTool
。由于node_modules/.bin/
目錄會(huì)在運(yùn)行時(shí)加入系統(tǒng)的PATH變量,因此在運(yùn)行npm時(shí),就可以不帶路徑,直接通過命令來調(diào)用這些腳本。
因此,像下面這樣的寫法可以采用簡寫。
scripts: {
start: './node_modules/someTool/someTool.js build'
}
// 簡寫為
scripts: {
start: 'someTool build'
}
所有node_modules/.bin/
目錄下的命令,都可以用npm run [命令]
的格式運(yùn)行。在命令行下,鍵入npm run
,然后按tab鍵,就會(huì)顯示所有可以使用的命令。
browser指定該模板供瀏覽器使用的版本。Browserify這樣的瀏覽器打包工具,通過它就知道該打包那個(gè)文件。
"browser": {
"tipso": "./node_modules/tipso/src/tipso.js"
},
engines指明了該項(xiàng)目所需要的node.js版本。
man用來指定當(dāng)前模塊的man文檔的位置。
"man" :[ "./doc/calc.1" ]
preferGlobal的值是布爾值,表示當(dāng)用戶不將該模塊安裝為全局模塊時(shí)(即不用--global參數(shù)),要不要顯示警告,表示該模塊的本意就是安裝為全局模塊。
style指定供瀏覽器使用時(shí),樣式文件所在的位置。樣式文件打包工具parcelify,通過它知道樣式文件的打包位置。
"style": [
"./node_modules/tipso/src/tipso.css"
]
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: