就是使用这2种方法后就发现哪种都可以
dependencies：运行时的依赖，发布后，即生产环境下还需要用的模块
devDependencies：开发时的依赖。里面的模块是开发时用的，发布时用不到它。

作为一名后端开发人员，我就很容易把他理解成就是开发的时候用的，然后上线之后就不需要用这个包了。。这种感觉然后我理解的时候就会觉得为啥线上就用不到了，应该还是有这个东西啊。既然开发的时候能用到，那么线上肯定能用到啊。其实是自己的理解有偏差。

其实他的意思是我们线下编译的时候要用，但是真实运行的时候用不到的意思。
举例子：sass这个东西其实用途就是说在编译的时候就把它编成另一种形式，然后在真实运行时候其实就用不到scss这个包了，就用编译好的那种形式就可以满足需求。

还有就是webpack也是说就是在我们编译的时候才需要用到，真正运行时候用不到。。

举例子：
devDependencies里面的插件(比如各种loader，babel全家桶及各种webpack的插件等)只用于开发环境，（就是开发环境才需要编译）不用于生产环境（都是编译好直接运行的内容）。
dependencies生产环境和开发环境都需要的，比如js框架vue、页面路由vue-router，各种ui框架antd、element-ui、vant等。（因为这些内容就是运行的时候需要使用的内容就是你能看到的内容）