--save 和 --save-dev 的作用和区别简单描述

最新推荐文章于 2025-10-13 07:32:51 发布

原创最新推荐文章于 2025-10-13 07:32:51 发布 · 1.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js #webpack #git

npm 专栏收录该内容

2 篇文章

订阅专栏

本文详细解释了npm中--save和--save-dev的区别及其如何影响package.json文件中的dependencies和devDependencies部分。介绍了生产依赖和开发依赖的概念，并通过实例展示了这两种依赖在实际项目中的应用。

简单来说：

这跟 npm install 和 npm i 是一样的
--save 和 -S 是一样的
--save-dev 和 -D 是一样的
--save 和 -S 安装运行依赖（项目上线以后也需要使用到的）
--save-dev 和 -D 安装开发依赖（只在开发阶段使用）

在package.json 文件中有体现：

dependencies 是运行依赖 devDependencies 是开发依赖

譬如：

  "dependencies": {
    "axios": "^0.18.0",
    "echarts": "^4.2.0-rc.2",
    "element-ui": "^2.3.7",
    "vue": "^2.5.2",
    "vue-router": "^3.0.1",
    "vuex": "^3.0.1",
    "xlsx": "^0.17.0"
  },
  "devDependencies": {
    "autoprefixer": "^7.1.2",
    "chalk": "^2.0.1",
    "copy-webpack-plugin": "^4.0.1",
    "css-loader": "^0.28.0",
    "extract-text-webpack-plugin": "^3.0.0",
    "file-loader": "^1.1.4",
    "friendly-errors-webpack-plugin": "^1.6.1",
    "gulp-sass": "^4.1.0",
    "html-webpack-plugin": "^2.30.1",
    "node-notifier": "^5.1.2",
  },