浅析package.json中的devdependencies 和 dependencies

1、dependencies和devDependencies 具体代码如下

"name": "webpack-react-express",
  "version": "0.2.0",
  "private": true,
  "dependencies": {
    "antd": "^2.13.11",
    "babel-polyfill": "^6.26.0",
    "base-64": "^0.1.0",
    "bluebird": "^3.5.1",
    "css-loader": "^0.28.7",
    "echarts": "^3.7.2",
  },
  "devDependencies": {
    "babel-core": "^6.26.0",
    "babel-loader": "^6.4.1",
    "babel-plugin-transform-class-properties": "^6.24.1",
    "babel-plugin-transform-runtime": "^6.23.0",
    "babel-polyfill": "^6.26.0",
    "babel-preset-es2015": "^6.24.1",
    "webpack": "^1.12.13",
    "webpack-hot-middleware": "^2.21.0"
  },

2、devDependencies

• (1)内容：是一个对象，配置模块依赖的模块列表，key是模块名称，value是版本范围
• (2)作用：该模块中所列举的插件属于开发环境的依赖（比如：测试或者文档框架等）
• (3)部署来源：通过你npm install进行依赖安装时加上-save-dev，devDependencies对象中便会增加echarts安装配置，实例安装echarts依赖代码如下

npm install echarts -save-dev

3、dependencies 

• (1)内容：是一个对象，配置模块依赖的模块列表，key是模块名称，value是版本范围
• (2)作用：该模块中所列举的插件属于生产环境的依赖（程序正常运行需要加载的依赖）
• (3)部署来源：通过你npm install进行依赖安装时加上-save，dependencies对象中便会增加echarts安装配置，实例安装echarts依赖代码如下

npm install echarts -save

4、安装依赖

• (1)如果拿到别人的项目，需要安装之前package.json中devdependencies 和 dependencies两个模块下所列举的依赖，可以通过执行以下命令实现

npm install

• (2)如果拿到别人的项目，只需要安装之前package.json中dependencies 模块下所列举的依赖，可以通过执行以下命令实现

npm install packagename

• (3)如果拿到别人的项目，只需要安装之前package.json中devdependencies 模块下所列举的依赖，可以通过执行以下命令实现

npm install packagename -dev

5、npm uninstall-删除依赖

• （1）npm uninstall "依赖名称"：删除依赖，但不会删除package.json的配置（即通过npm install依然可以安装该依赖），删除echarts依赖实例代码如下

npm uninstall echarts

• （2）npm uninstall "依赖名称"  --save-dev：删除依赖，同时删除package.json中devdependencies 的配置,删除echarts依赖实例代码如下

npm uninstall echarts  --save-dev

• （3）npm uninstall "依赖名称"  --save：删除依赖，同时删除package.json中dependencies 的配置,删除echarts依赖实例代码如下

npm uninstall echarts --save

6、友情提示

• (1)编程中，如果自己需要某一依赖，在安装时一定要使用npm install echarts -save或npm install echarts -save-dev，即将依赖配置到package.json中对应的对象中，而非简单使用npm install echarts命令（可以正常安装依赖，但不会配置到package.json文件中），因为如果是协作编程，package.json中没有相关配置，其他协作人员的项目不能正常运行后不能通过npm install正确安装依赖，别人也并不知道你安装了什么依赖，这样就会大大影响协作编程的效率