dependencies和devDependencies的区别

dependencies属性：
dependencies属性是值无论开发环境还是生产环境都需要依赖的包（简单来讲就是在项目实际开发中，或者说是在src目录下会运用到的一些库），比如：vue,vuex,react,axios等
devDependencies属性：
一些包在生产环境是不需要的，比如webpack，babel等
安装方式 npm install webpack --save-dev

扩展:
我们会发现安装的包版本出现：^17.0.23 或 ~5.0.4这是什么意思呢？
npm的包通常需要遵从semver版本规范。
semver版本规范是X.Y.Z：
X主版本号：当你做了不兼容的API修改（可能不兼容之前的版本）；
Y次版本号：当你做了向下兼容的功能性新增（新功能增加，但是兼容之前的版本）；
Z修订号：当你做了向下兼容的问题修正（没有新功能，修复了之前版本的bug）；

^与~的区别：
^x.y.z：表示x保持不变，y和z永远安装最新的版本；
~x.y.z：表示x和y保持不变，z永远安装最新的版本；