其实npm包中 只有两种环境 一种是 dependencies生产环境，一种是devDependencies开发环境。
所谓生产环境 指的就是当你在npm run build打包的时候 此时打包出来的已经是最终的HTML页面了，它不可能再依赖你的编辑器了，从编辑器中的可以看到源码的开发环境打包到只有一个html页面。这个过程就叫做生产。 通俗来说 就是在生产一个项目嘛。npm run build打包出来后，我们不可能再依赖编辑器了，此时打包的时候 会把dependencies(生产环境)中的插件一起打包到最终的HTML中。比如axios,打包完毕后 还是需要继续引入的 不然你的请求在打包后就无法使用了。
而devDependencies（开发环境）中的插件不会被打包到最终的HTML中， 仅仅只是会参与打包的过程，执行这个插件最后一次使命。比如sass最后就是统一把所有的scss编译成你需要的css。举个例子，像less或者sass这样的CSS预编译插件，在npm run build的时候，会执行sass的编译，sass插件会把sass代码编译成css然后输出到HTML里面，这一步只会在npm run build的时候执行，当打包完毕后，sass这个插件就已经不起作用了，因为它的作用只是在打包的时候一次性将你的sass代码编译成浏览器可以用的css。 在比如说 Eslint插件，代码检查只会在你开发的时候用到，已经打包完毕后，已经没必要再去检查你代码语法是否规范（因为已经开发完毕了啊....）
我们已经知道，其实npm包中只有dependencies生产环境和devDependencies开发环境。 总结来说 ，dependencies(生产环境)中的插件会一起打包到HTML中，而devDependencies(开发环境)会在开发热更新的时候与最后一次npm run build打包的时候起作用，打包完成后就不会再其作用。
npm分别安装到dependencies和devDependencies的命令总结 这里以安装axios为例子
1.以下命令结尾都会被安装到dependencies（生产环境）中，区别只是全写与简写。自己怎么舒服怎么来。
npm i axios -S
npm i axios --save
2.以下命令结尾都会被安装到*devDependencies（开发环境）中
npm i axios -D
npm i axios --dev
npm i axios --save-dev
