浑水摸鱼的说法？

以前我们说到dependencies和devDependencies的时候，大家会想到啥？我想大家只会想到

• dependencies：生产环境需要的依赖
• devDependencies：开发环境需要的依赖

但是我们装依赖的时候真的会去考虑npm install -D还是npm install -S吗？

其实我们并不会去关心哪些是生产环境所需依赖，哪些是开发环境所需依赖，但是这也正常，因为其实在SPA项目中，这两个东西并不需要区分！所以我们平时没有过多了解也正常！！！

我为什么说在SPA项目中这两个东西没什么区别呢？我们接着往下看！

所谓SPA项目，其实指的就是单页面应用，比如说vue、react项目这些

SPA项目中 无区分意义！

我们从开发环境和生产环境这两个时机来讨论

• 开发环境中，我们开发项目时，我们肯定是两种包都需要安装的

• 生产环境中，我们是将开发环境的代码，使用某些打包工具，例如webpack，将整个项目代码打包成一些静态的文件，然后将这些静态文件部署到服务器上，也就是到达生产环境

所以大家也看到了，只有开发环境时需要装包，生产环境是不需要装包的，所以你把包放在dependencies和devDependencies中是没有区别的。

为什么这么说呢？因为其实无论你把包放在哪里都好，只要你代码中引用到了这个包，那么Webpack打包时就会把这个包打包进静态文件中。

比如我把vue这个包放在devDependencies开发依赖中，我Webpack打包时就不会打包这个vue包吗？事实上是会的，因为Webpack打包是按照你依赖了啥，去打包的，并不会去看你这个包放在哪里！

所以，在开发SPA项目时，dependencies和devDependencies并没啥区分意义。。

Nodejs项目 有区分意义！

刚刚说完SPA项目，它想要上生产环境是需要使用打包工具打包成静态文件的，所以包放在哪里都无所谓，反正打包时候，只要依赖到的都会打进去。

但是Nodejs项目却不一样，它上线的话，是不用打包的，是将整个完整项目代码扔到服务器上，然后运行，所以它是需要区分dependencies和devDependencies的。因为当它部署到服务器上之后，也就是生产环境之后，它是需要再npm install 一次的。

我举个例子，我在开发环境的时候，我需要做单元测试，我装了单元测试所需要的依赖包，那么这个包我是放在dependencies还是放在devDependencies呢？我们分情况讨论哈。

• 如果放在devDependencies，那么开发环境下进行npm install时是会安装的，而生产环境下npm install是不会安装的，这很合理，因为我肯定是生产环境测试无误后再上生产环境，所以我单元测试所需依赖包只需要在开发环境安装即可，到了生产环境我并不需要这个包

• 如果放在dependencies，那么开发环境、生产环境下进行npm install时都是会安装的，这并不合理啊，我生产环境时并不需要用到这些单元测试的包啊！

所以在Nodejs项目中，dependencies还是放在devDependencies是有区分的意义的

开发NPM包 有区分意义！

我开发了一个NPM包，叫做npm-lsx，我在开发的过程中，我需要对我所开发的这个包进行单元测试，所以我安装了所需的依赖包npm-test，也就是依赖关系是npm-lsx -> npm-test

小明在做一个项目A，他项目中装了npm-lsx这个包，而大家都知道，你装一个包时，会连同你这个包所依赖的包都一起装，所以按理说npm-lsx、npm-test都会装，但是大家想想，项目A需要npm-test这个包吗？并不需要，这个包对于项目A来说没啥意义。

你可以理解为，项目A的 开发环境，其实就是 npm-lsx 的 生产环境。

所以我在开发npm-lsx的时候会把npm-test装在devDependencies中，这样，项目A就可以少装一些没意义的包，加快整体装包速度！

来源：前端之神

链接: https://www.fly63.com/article/detial/11998