1. 程式人生 > >package.json檔案

package.json檔案

轉自:package.json檔案 -- JavaScript 標準參考教程(alpha),by 阮一峰


1、概述


每個專案的根目錄下面,一般都有一個package.json檔案,定義了這個專案所需要的各種模組,以及專案的配置資訊(比如名稱、版本、許可證等元資料)。npm install命令根據這個配置檔案,自動下載所需的模組,也就是配置專案所需的執行和開發環境。

下面是一個最簡單的package.json檔案,自定義兩項元資料:專案名稱和專案版本。

{
  "name": "myProject"
  "version": "0.0.1"
}
package.json
檔案就是一個JSON物件,該物件的每一個成員就是當前專案的一項設定。比如name就是專案名稱,version是專案版本(遵守“大版本.次要版本.小版本”的格式)。

下面是一個更完整的package.json檔案。

{
  "name": "Hello World",
  "version": "0.0.1",
  "author": "Zhangsan",
  "description": "my first node.js program",
  "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": "
[email protected]
" }, "contributors": [{ "name": "Lisi", "email": "[email protected]" }], "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" } }

下面詳細解釋package.json檔案的各個欄位。


2、scripts 欄位


scripts指定了執行指令碼命令的npm命令列縮寫,比如start指定了執行npm run start時,所要執行的命令(即:node index.js)。

下面的設定指定了npm run preinstallnpm run postinstallnpm run startnpm run test時,所要執行的命令。

"scripts": {
  "preinstall": "echo here it comes!",
  "postinstall": "echo there it goes!",
  "start": "node index.js",
  "test": "tap test/*.js"
}

3、dependencies 欄位,devDependencies 欄位


dependencies欄位指定了專案執行所依賴的模組,devDependencies指定專案開發所需要的模組。

它們都指向一個物件。該物件的各個成員,分別由模組名和對應的版本要求組成,表示依賴的模組及其版本範圍。

{
  "devDependencies": {
    "browserify": "~13.0.0",
    "karma-browserify": "~5.0.1"
  }
}
對應的版本可以加上各種限定,主要有以下幾種:

  • 指定版本:比如1.2.2,遵循“大版本.次要版本.小版本”的格式規定,安裝時只安裝指定版本。
  • 波浪號(tilde)+指定版本:比如~1.2.2,表示安裝1.2.x的最新版本(不低於1.2.2),但是不安裝1.3.x,也就是說安裝時不改變大版本號和次要版本號。
  • 插入號(caret)+指定版本:比如^1.2.2,表示安裝1.x.x的最新版本(不低於1.2.2),但是不安裝2.x.x,也就是說安裝時不改變大版本號。需要注意的是,如果大版本號為0,則插入號的行為與波浪號相同,這是因為此時處於開發階段,即使是次要版本號變動,也可能帶來程式的不相容。
  • latest:安裝最新版本。

package.json檔案可以手工編寫,也可以使用npm init命令自動生成。

$ npm init
這個命令採用互動方式,要求使用者回答一些問題,然後在當前目錄生成一個基本的 package.json檔案。所有問題之中,只有專案名稱( name)和專案版本( version)是必填的,其他都是選填的。

有了package.json檔案,直接使用npm install命令,就會在當前目錄中安裝所需要的模組。

$ npm install
如果一個模組不在 package.json檔案之中,可以單獨安裝這個模組,並使用相應的引數,將其寫入 package.json檔案之中。

$ npm install express --save
$ npm install express --save-dev
上面程式碼表示單獨安裝 express模組, --save引數表示將該模組寫入 dependencies屬性, --save-dev表示將該模組寫入 devDependencies屬性。


4、peerDependencies


有時,你的專案和所依賴的模組,都會同時依賴另一個模組,但是所依賴的版本不一樣。比如,你的專案依賴A模組和B模組的1.0版本,而A模組本身又依賴B模組的2.0版本。

大多數情況下,這不構成問題,B模組的兩個版本可以並存,同時執行。但是,有一種情況,會出現問題,就是這種依賴關係將暴露給使用者。

最典型的場景就是外掛,比如A模組是B模組的外掛。使用者安裝的B模組是1.0版本,但是A外掛只能和2.0版本的B模組一起使用。這時,使用者要是將1.0版本的B的例項傳給A,就會出現問題。因此,需要一種機制,在模組安裝的時候提醒使用者,如果A和B一起安裝,那麼B必須是2.0版本。

peerDependencies欄位,就是用來供外掛指定其所需要的主工具的版本。

{
  "name": "chai-as-promised",
  "peerDependencies": {
    "chai": "1.x"
  }
}
上面程式碼指定,安裝 chai-as-promised模組時,主程式 chai必須一起安裝,而且 chai的版本必須是 1.x。如果你的專案指定的依賴是 chai的2.0版本,就會報錯。

注意:從npm 3.0版開始,peerDependencies不會預設安裝了。


5、bin 欄位


bin項用來指定各個內部命令對應的可執行檔案的位置。

"bin": {
  "someTool": "./bin/someTool.js"
}
上面程式碼指定, someTool命令對應的可執行檔案為bin子目錄下的 someTool.js。Npm會尋找這個檔案,在 node_modules/.bin/目錄下建立符號連結。在上面的例子中, someTool.js會建立符號連結 npm_modules/.bin/someTool。由於 node_modules/.bin/目錄會在執行時加入系統的 PATH變數,因此在執行 npm時,就可以不帶路徑,直接通過命令來呼叫這些指令碼。

因此,像下面這樣的寫法可以採用簡寫。

"scripts": {
  "start": "./node_modules/someTool/someTool.js build"
}

// 簡寫為
"scripts": {
  "start": "someTool build"
}
所有 node_modules/.bin/目錄下的命令,都可以用 npm run [命令]的格式執行。在命令列下,鍵入 npm run,然後按tab鍵,就會顯示所有可以使用的命令。


6、main 欄位


main欄位指定了載入的入口檔案,require('moduleName')就會載入這個檔案。這個欄位的預設值是模組個目錄下面的index.js


7、config 欄位


config欄位用於新增命令列的環境變數。

下面是一個package.json檔案。

{
  "name": "foo",
  "config": { "port": "8080" },
  "scripts": { "start": "node server.js" }
}
然後,在 server.js指令碼就可以應用 config欄位的值。

http.createServer(...).listen(process.env.npm_package_config_port)
使用者自行 npm run start命令時,這個指令碼就可以得到值。

$ npm run start
使用者可以改變這個值。

$ npm config set foo:port 80

8、其他


8.1、browser 欄位

browser指定該模板供瀏覽器使用的版本。Browserify這樣的瀏覽器打包工具,通過它就知道該打包的那個檔案。

"browser": {
  "tipso": "./node_modules/tipso/src/tipso.js"
}

8.2、engines 欄位

engines欄位指明瞭該模組執行的平臺,比如Node的某個版本或者瀏覽器。

{ "engines": { "node": ">=0.10.3 <0.12" } }
該欄位也可以指定適用的 npm版本。

{ "engines": { "npm": "~1.0.20" } }

8.3、man 欄位

man用來指定當前模組的man文件的位置。

"man": [ "./doc/calc.1" ]

8.4、preferGlobal 欄位

preferGlobal的值是布林值,表示當用戶不將該模組安裝為全域性模組時(即不用-global引數),要不要顯示警告,表示該模組的本意就是安裝為全域性模組。


8.5、style 欄位

style指定供瀏覽器使用時,樣式檔案所在的位置。樣式檔案打包工具parcelify,通過它知道樣式檔案的打包位置。

"style": [ "./node_modules/tipso/src/tipso.css" ]