【webpack】dependencies与devDependencies，npm、cnpm、yarn

dependencies指生成环境依赖包，devDependencies指开发环境依赖包。均在项目的package.json中。

区别在于该包是否有用，好比webpack、gulp在生产环境用不到，是在开发环境用的。打包后的代码既是纯的。

jquery等是要在生产环境用的。由于上线的代码也包含jquery代码，是不会被翻译成原生js的，打包好上线以后还须要包支持的。

 

npm、cnpm、yarn等均是js包管理工具，用于安装项目依赖包

npm是nodejs自带的命令，通常状况下没有问题，不过有一些缺陷。好比国内被墙，安装速度很慢。安装包时可能致使版本不一致，好比版本号上的^和~

cnpm是淘宝的npm镜像，速度会比npm有所提高，用法同样，安装cnpm：

npm install -g cnpm --registry=https://registry.npm.taobao.org

yarn是为了解决npm一些缺陷的，好比速度快，解决安装版本号不一致问题。安装yarn：

npm install -g yarn

使用yarn：

//初始化项目
yarn init //添加选定依赖包
yarn add [package] yarn add [package]@[version] yarn add [package]@[tag] //将依赖项添加到不一样依赖项类别中
yarn add [package] --dev //到devDependencies
yarn add [package] --peer //到peerDependencies
yarn add [package] --optional //到optionalDependencies

//升级依赖包
yarn upgrade [package] yarn upgrade [package]@[version] yarn upgrade [package]@[tag] //移除依赖包
yarn remove [package] //安装项目所有依赖
yarn 或 yarn install