详解package.json中dependencies和devDependencies 的区别

1.dependencies

生产和开发都会用到的依赖，最后会被打包到项目中。

2.devDependencies

只在开发环境中使用的依赖，最后不会被打包到项目中。

3.依赖安装

$ cnpm install ol@latest
$ cnpm install [email protected]
$ cnpm install ol@">=5.3.3 <6.1.0"

如果这个依赖从开发到上线都需要使用，那么就使用--save或-S，例如：vue、axios、openlayers、html2canvas等。

$ cnpm install [email protected] --save

如果这个依赖只是开发的时候要用，上线之后就不需要了，就可以使用--save-dev或-D，可以减小项目体积。例如开发项目中要用到的webpack及其插件，各种加载器如url-loader、sass-loader，各种babel转译插件如babel-core。这些依赖只是开发时候用到的工具，生产环境下就不需要了。

$ cnpm install [email protected] --save-dev