dependencies和devDependencies的区别

我们都知道package.json里的依赖有两种，一种是dependencies，一种是devDependencies，下面我们来看看两者的主要区别。

Dependencies

首页dependencies是我们比较常用的，安装的依赖最终会被构建到部署环境里

npm install vue --save
// 或者
npm install vue -S
// 或者
npm install vue
// 或者
npm i vue

devDependencies

devDependencies是指开发中的依赖，比如eslint，我们线上的代码不需要eslint，所以应该把他放入devDependencies

npm install eslint --save--dev
// 或者
npm install eslint -D

PeerDependencies

最后说一个peerDependencies，peerDependencies是指依赖的宿主版本号。举个例子，比如vuex是依赖于vue的，我们看到vuex的package.json中，peerDependencies就指明了自己希望的宿主vue版本号。

"repository": {
    "type": "git",
    "url": "git+https://github.com/vuejs/vuex.git"
  },
  "homepage": "https://github.com/vuejs/vuex#readme",
  "peerDependencies": {
    "vue": "^2.0.0"
  },

如果我安装了上述版本vuex之后，再安装vue3.0，就会报出一个警告：

warning " > vuex@3.6.0" has incorrect peer dependency "vue@^2.0.0".

看到这个错误提示，我们就知道，你的vuex插件可能与当前的vue版本不兼容。