npm install --save 与 npm install --save-dev 的区别

分类:node

前言

在使用webpack的过程中,经常会使用npm命令安装插件或者依赖。比如:

  • 全局安装npm install
  • 本地安装npm install --save-dev
  • 本地安装npm install --save

说一说--save-dev--save的区别

下面以安装 css-loader 为例

npm install –save

简写:npm i -S

  • 会把 css-loader 包安装到node_modules目录中。

  • 会在package.jsondependencies属性下添加 css-loader。

  • 之后运行npm install命令时,会自动安装 css-loader 到node_modules目录中。

  • 之后运行npm install --production或者注明NODE_ENV变量值为production时,会自动安装 css-loader 到node_modules目录中。

npm install –save-dev

简写:npm i -D

  • 会把 css-loader 包安装到node_modules目录中。

  • 会在package.jsondevDependencies属性下添加 css-loader 。

  • 之后运行npm install命令时,会自动安装 css-loader 到node_modules目录中。

  • 之后运行npm install --production或者注明NODE_ENV变量值为production时,不会自动安装 css-loader 到node_modules目录中。

使用原则

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