webpack学习之——npm的安装依赖情况

这几天一直在研究webpack模块话打包工具，在网上的资源还是蛮丰富的，现在总结下这块的内容，需要好好的研究下，如果有问题，还请指正。

先是第一个为问题，就是npm-install --save 和npm install --save-dev的区别是什么，这是个概念很大的问题。

以npm安装msbuild为例：

npm install msbuild:

• 会把msbuild包安装到node_modules目录中
• 不会修改package.json
• 之后运行npm install命令时，不会自动安装msbuild（存疑）

npm install --save:

• 会把msbuild包安装到node_modules目录中
• 会在package.json的dependencies属性下添加msbuild
• 之后运行npm install命令时，会自动安装msbuild到node_modules目录中（存疑）
• 之后运行npm install --production或者注明NODE_ENV变量值为production时，会自动安装msbuild到node_modules目录中（存疑）

npm install --save-dev:

• 会把msbuild包安装到node_modules目录中
• 会在package.json的devDependencies属性下添加msbuild
• 之后运行npm install命令时，会自动安装msbuild到node_modules目录中（存疑）
• 之后运行npm install --production或者注明NODE_ENV变量值为production时，不会自动安装msbuild到node_modules目录中（存疑）

使用原则:

运行时需要用到的包使用--save，否则使用--save-dev。

--save-dev 是你开发时候依赖的东西，--save 是你发布之后还依赖的东西。

比如，你写 ES6 代码，如果你想编译成 ES5 发布那么 babel 就是devDependencies。
如果你用了 jQuery，由于发布之后还是依赖jQuery，所以是dependencies。