相关文章推荐
豪爽的牛肉面  ·  SourceTree ...·  2 年前    · 
大气的创口贴  ·  sql server get table ...·  2 年前    · 
严肃的炒粉  ·  BETWEEN ...·  2 年前    · 
安静的手套  ·  Color ...·  2 年前    · 

JavaScript包管理工具pnpm(performant npm更高的性能,更快的依赖安装速度)

为什么使用pnpm

pnpm是为了解决之前的包管理工具(npm/yarn)的一些痛点问题

节省磁盘空间提升安装速度

当使用 npm 或 yarn 时,如果你有 100 个项目,并且所有项目都依赖一个相同的npm包。这种情况下npm会你在硬盘上创建 100 份该依赖包的副本,占据大量的空间。

而pnpm面对这种情况的时候的处理方式不同,它把所有npm包都保存在硬盘上的统一的位置。当我们的项目安装依赖包的时候, 依赖包含的所有文件都会硬链接自此位置,而不会占用额外的硬盘空间。

pnpm安装依赖的时候,如果是从没有安装过的包则会和npm一样先下载对应的依赖包,下载完毕之后保存在统一的位置,然后创建硬链接。如果是已经下载过的包则会直接创建硬链接。无需再次下载,由于只需要创建硬链接,速度比npm快很多。

创建非扁平的 node_modules 目录

当使用 npm 或 yarn安装依赖包时,所有软件包都将被提升到 node_modules 的根目录下。导致源码可以访问本不属于当前项目安装的依赖包。
pnpm只将安装的依赖包放到node_modules 的根目录下,其余的安装包都放在node_modules/.pnpm目录下,程序无法直接引用到对应的依赖包。也就解决了 幽灵依赖 的问题。
在这里插入图片描述

幽灵依赖:
所谓幽灵依赖就是,我们并没有安装对应的依赖包,但是我们却能在我们的程序中使用的依赖包。

在这里插入图片描述
例如:npm/yarn 安装vue的时候,都需要复制一份vue的源码,所以两个工程各自复制了一份vue的代码,占据了20MB的空间

pnpm使用硬链接的方式(windows下使用的是联结(感觉没啥区别可能是翻译的问题 ( )),最终目的是一样的)
在这里插入图片描述

pnpm在node_modues/.pnpm文件夹中建立硬链接,连接到.pnpm-store中的文件,所以在磁盘中只占据了10MB,其它工程再安装vue,也只是在node_modules文件夹下建立一个新的硬链接即可。而不用复制文件所以速度自然快,占据的空间也小了。

硬链接与软链接
硬链接 :比如为文件 a 建立了硬链接 b、c,那么a、b、c这三个文件只要还有一个文件没有删除,那么这个文件就可以通过没有删除的名称(链接)访问。
软链接 :有些类似于快捷方式,比如为文件 a 建立了软链接 b、c,如果删除b或者c,仍然可以通过a访问到该文件,但是如果删除了a,那么b、c软链接就不可用了。
我们在window系统中有时候会碰到快捷方式不可用的情况,就是因为源文件已经被删除了,所以快捷方式也就无效了。

默认情况下pnpm的全局存储位置,在当前磁盘的根目录下的 .pnpm-store 中,可以通过下面的命令指定存储位置:
···cmd
pnpm config set store-dir /path/to/.pnpm-store
···
包存储位置应该和程序在同一个驱动器和文件系统(比如window下注意不能跨盘符操作)上否则包将被复制而不是链接(变回和npm一样了)。这是由于硬链接工作方式的限制的,因为一个文件系统上的文件无法寻址另一个文件系统中的位置。所以一般情况下不要修改这个存储位置,使用默认的就行了。

硬链接文件有两个限制(Unix/Linux 和 Windows 也都如此)
1、不允许给目录创建硬链接;
2、只有在同一文件系统中的文件之间才能创建链接。

pnpm 执行命令

npm 执行命令的时候除了 start , stop , test , restart 可以直接执行,package.json 的script中的其他命令需要使用 npm run xxx 来执行,pnpm 则可以直接执行命令。可以不写 run

参数
-C , --dir 设置为 pnpm 的运行目录,而不是当前目录。

pnpm还可以用来管理node版本,自定义软件包名称等等。 了解更多

workspace( monorepo 项目)

一个工作空间在项目根目录下必须包含 pnpm-workspace.yaml pnpm-workspace.yaml 定义了 工作空间 的根目录,并能够使您从工作空间中包含/排除目录 。 默认情况下会包含所有子目录。

示例:
pnpm-workspace.yaml

packages:
  # all packages in direct subdirs of packages/
  - 'packages/*'
  # all packages in subdirs of components/
  - 'components/**'
  # exclude packages that are inside test directories
  - '!**/test/**'

Workspace protocol(workspace:)

  默认情况下,如果工作区中存在符合package.json中声明的包,pnpm将会从工作区链接可用包。例如在bar的依赖中有"foo":"^1.0.0",pnpm将会链接在工作区中存在的foo@1.0.0。但是如果bar依赖的是"foo":"2.0.0"foo":"2.0.0没有在工作空间中,pnpm将会安装仓库中的包。

  当使用workspace协议的时候,pnpm将不会解析workspace之外的包,所以如果设置了"foo":"workspace:2.0.0",安装将会失败因为工作空间中不存在"foo@2.0.0"

  当 link-workspace-packages 选项被设置为 false 时,这个协议将特别有用。 在这种情况下,只要是使用 workspace: 协议声明依赖,pnpm 只会从 workspace 链接所需的包。

通过别名引用

假设在在workspace中有一个名为 'foo'的包,通常会这样"foo":"workspace:*"引用,如果要使用其它别名也可以使用这样的语法"bar":"workspace:foo@*"。发布之前别名将会被转换为"bar":npm:foo@1.0.0

发布workspace包

当 workspace 包打包到归档(无论它是通过 pnpm pack ,还是 pnpm publish 之类的发布命令)时,pnpm将动态替换这些 workspace: 依赖:

看一个例子,假设我们的 workspace 中有 foo、 bar、 qar、 zoo 并且它们的版本都是 1.5.0,如下:

"dependencies": { "foo": "workspace:*", "bar": "workspace:~", "qar": "workspace:^", "zoo": "workspace:^1.5.0"

将会被转化为:

"dependencies": { "foo": "1.5.0", "bar": "~1.5.0", "qar": "^1.5.0", "zoo": "^1.5.0"

发布工作流

pnpm 版本控制工具

使用npm的时候我们使用 npx 执行的命令,在pnpm下要使用 pnpm exec 来执行

$ pnpm install Running the app Create a .env file in the root directory and add your OpenAI API key: OPENAI_API_KEY=sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx # optional, support http or socks proxy HTTP_PROXY=http://proxy-server:port # development $ pnpm run start # watch mode $ pnpm run start:dev # production mode $ pnpm run start:prod Visit http://localhost:3000 Running the app with Docker Build the image 安装pnpm curl -L https://raw.githubusercontent.com/pnpm/self-installer/master/install.js | node 上面的脚本将安装最新版本的pnpm,但您也可以通过指定PNPM_VERSION环境变量来安装特定版本: curl -L https://raw.githubusercontent.com/pnpm/self-installer/master/install.js | PNPM_VERSION=1.16.2 node 以下是所有可能影响pnpm安装的支持的环境变量: PNPM_VERSION 版本,范围,标签 默认情况下为latest 。 要安装的pnpm版本 Dependabot是否可以与pnpm一起使用? 是的。 为了进行测试,我安装了旧版本的软件包并设置了一个简单的dependabot.yml文件。 我将代码推送到Github。 如果dependabot更新了过时的软件包,则它必须与pnpm一起使用。 Dependabot.yml 这是.github/dependabot.yml文件的.github/dependabot.yml 。 我已从此仓库中删除了文件,因此Dependabot不会每天更新此文件。 version : 2 updates : - package-ecosystem : " npm " directory : " / " schedule : interval : " daily " 当使用 npm 或 Yarn 时,如果你有 100 个项目使用了某个依赖(dependency),就会有 100 份该依赖的副本保存在硬盘上。 而在使用 pnpm 时,依赖会被存储在内容可寻址的存储中,所以: 如果你用到了某依赖项的不同版本,只会将不同版本间有差异的文件添加到仓库。 例如,如果某个包有100个文件,而它的新版本只改变了其中1个文件。那么 pnpm update 时只会向存储中心额外添加1个新文件,而不会因为仅仅一个文件的改变复制整新版本包的内容。 所有文件都会存储在硬盘上的某一
浅谈npm的安装与使用 NPM:Node package manger:node管理工具,根据npm模块我们可以快速安装和卸载所需要的资源文件(:jq,vue,vue-router); Npn的安装: 官网:http://nodejs.org/zh-cn (下载的是长期支持版本),安装了node之后,npm也就安装了。 (一)测试是否安装好: 1在cmd中输入: node -v;获得node的版本...
2、上传需要部署的war包(以hello.war为例)到自定义的工作目录下 3、在上个步骤创建的工作目录下创建Dockerfile文件。将war包和Dockerfile文件放在同一目录下。Dockerfile文件内容如下: from tomcat:8.5.30 ENV LANG C.UTF-8 ENV TZ=Asia/Shanghai ENV JAVA_OPTS ...