【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

原文地址:https://www.cnblogs.com/wuhairui/p/12188257.html

时间: 2024-10-08 11:50:28

【webpack】dependencies与devDependencies,npm、cnpm、yarn的相关文章

npm,cnpm,yarn

指令(来源于:指令对比) 全局卸载                             npm  uninstall -g                                                              yarn global remove  查看安装                            npm list -g --depth=0                                                   

前端自动化准备和详细配置(NVM、NPM/CNPM、NodeJs、NRM、WebPack、Gulp/Grunt、Git/SVN)

一. 各类概念和指令介绍 1. NVM (1).  全称:Node Version Manager,是一款针对Nodejs的版本管理工具,由于Node的版本很多,很多时候我要需要依赖多个版本,并且要求可以自动切换,这个时候采用NVM来管理Node再合适不过了. (2). 下载地址:https://github.com/coreybutler/nvm-windows/releases (3). 常用指令: a. 查看已经安装的node版本:    [nvm list] b. 更换当前node的版本

大话npm,cnpm和yarn

npm:基于node.js的包管理工具; 常用命令 npm install 包名; 缺点:因服务器在国外,所以下载包的速度超级慢,所以出现了cnpm和yarn cnpm:跟npm是一样的,这是淘宝出的下载工具,服务器在国内,所以下载速度npm快很多; cnpm install 包名 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org yarn:有些脚手架不支持cnpm,npm下载速度太慢,所以出现了yarn

npm和yarn更改为淘宝镜像

npm下载cnpm 用cnpm install // 安装yarn cnpm install yarn -g  yarn更换下载源 // 查看下载源 yarn config get registry // 更换为淘宝源 yarn config set registry https://registry.npm.taobao.org // 初始化项目 yarn init -y // 安装webpack yarn add webpack // 更新到最新的 yarn upgrade webpack

Node.js 依赖管理(一)—区分dependencies和devDependencies

原文链接:https://www.novenblog.xin/detail/?id=65 本文拜读百度@小蘑菇哥哥的Node.js 中的依赖管理,正文从这里开始- nodejs 中总共有 5 种依赖: 1.dependencies 2.devDependencies (常用) 3.peerDependencies (不太常用) 4.bundledDependencies (我之前没用过) 5.optionalDependencies (我之前没用过) 本文主要是记录dependencies和de

关于npm和yarn安装node-sass失败并且依旧想使用NPM或者yarn的完美解决方案

由于某些不可描述的原因,利用npm进行安装模块的时候会发生xxx下载失败的情况node-sass尤其的频繁,或者说node-sass的二进制文件是接近百分百失败的,即使用yarn安装也依旧在这个点失败,有人说用cnpm就好了,这确实是最好的解决方案,但是总会有不同需求的(比如我-.-),不喜欢用cnpm而喜欢用npm或者yarn,那么该怎么办呢?以下是完美的解决方案: 首先我们需要把node-sass的二进制文件下载到本地来,这个文件可以选择去官方的github上下载或者去淘宝镜像官网下载,在下

dependencies与devDependencies的安装方法

npm install在安装node模块时,有两种命令参数可以把它们的信息写入package.json文件: –save –save-dev 但它的文档里1,只提到一个小区别,–save会把依赖包名称添加到package.json文件dependencies键下,–save-dev则添加到package.json文件devDependencies键下,譬如: { "name": "yo", "version": "0.0.0"

安装使用yarn,使用国内镜像加速npm和yarn

安装yarn https://yarnpkg.com/lang/zh-hans/docs/install/ 使用国内镜像加速npm和yarn 1. npm config set registry=https://registry.npm.taobao.org 2. yarn config set registry https://registry.npm.taobao.org 3. 下载cnpm:npm install -g cnpm --registry=https://registry.np

关于npm和yarn 安装vue脚手架

第一篇博客有点小紧张.轻喷~ 第一步:安装node.js       地址 --------https://nodejs.org/en/ 详细步骤这里就不写了    可以去看     地址 --------https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html 第二步:下载完了之后进入cmd  输入node -v查看版本号 看到上面表示安装成功.node.js是自带npm的,直接npm install -g @vue/cli

node.js 和 npm/cnpm/nrm 的安装

node.js 和 npm/cnpm/nrm 的安装 安装 node.js.去 官网 下载,下载 LTS 版本的.安装时一路点确定,不要改动任何设置. 在 git-bash 或是 cmd 下,输入 node -v,查看 node 的版本,检验 node 是否安装成功.然后输入 npm -v,查看 npm 的版本. node.js 内置了 npm. 去 淘宝 NPM 镜像官网,在"使用说明"一栏下复制这一句 1 npm install -g cnpm --registry=https:/