webpackdependencies与devDependencies，npmcnpmyarn

Posted 2021-03-16

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