npm –save-dev –save 的區別

Jade_g發表於2018-05-23

我們在使用npm install 安裝模組或外掛的時候,有兩種命令把他們寫入到 package.json 檔案裡面去,比如:

–save-dev(-D)

–save(-S)

在 package.json 檔案裡面提現出來的區別就是,使用 –save-dev 安裝的 外掛,被寫入到 devDependencies 物件裡面去,而使用 –save 安裝的外掛,責被寫入到 dependencies 物件裡面去。

那 package.json 檔案裡面的 devDependencies  和 dependencies 物件有什麼區別呢?

devDependencies  裡面的外掛只用於開發環境,不用於生產環境,而 dependencies  是需要釋出到生產環境的。

即devDependencies 下列出的模組,是我們開發時用的,比如 我們安裝 js的壓縮包gulp-uglify 時,我們採用的是 “npm install –save-dev gulp-uglify ”命令安裝,因為我們在釋出後用不到它,而只是在我們開發才用到它。dependencies 下的模組,則是我們釋出後還需要依賴的模組。

{
 "dependencies": {
    "vue": "^2.2.1"
  },
  "devDependencies": {"css-loader": "^0.25.0",
    "file-loader": "^0.9.0",
    "vue-loader": "^11.1.4",
    "vue-template-compiler": "^2.2.1",
    "webpack": "^2.2.0",
   "webpack-cli": "^2.1.3",
"webpack-dev-server": "^2.2.0" } }

 

相關文章