这几天一直在研究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

05-22 09:09