无星的前端之旅(二十六)—— 离线安装npm库


title: 无星的前端之旅(二十六)—— 离线安装npm库
subtitle: 无星的自动化之旅(五)—— PlayWright内网升级playwright版本
comments: true
date: 2023-08-18 21:06:08
categories:
- PlayWright
tags:
- PlayWright


背景

上文我们说到了怎么更新ms-playwright

本篇我们来聊聊怎么迁移playwright的版本

可能有朋友会奇怪,这有什么难的,把node_modulesplaywright相关的库全部移进去不就行了

其实也对,但是如果我是pnpm

其实虽然这一篇是升级playwright,但其实更多的是想表达,如何迁移npm库到离线环境

playwright为例,下面是我的一些探索

各种包管理工具下的迁移

运气比较好

本文成于2023.8.20

有老哥在2023.8.7总结了一次

节省了我很大的时间

npm 仓库私有包离线化安装方案

其中yarn我没测试过,npm稍有不准,pnpm可行

这其中,npm提到了一个库npm-package-privatify


ps:

我估摸着作者应该是这位小哥jjjona0215

虽然他在文中说到,不用关心解决了什么问题哈哈哈

[图片上传失败...(image-5dc233-1692541768461)]


为什么说npm稍有不准呢,因为npm-package-privatify并不会打包npm目标库的依赖库,作者的目标是解决私有库的问题,确实只是相似而不是同一目标,但是他给出了一些方向上的指引

本地库的加载

npm 仓库私有包离线化安装方案
离线环境安装npm包如何以tar.gz的形式离线安装npm包?

中,我们不难发现,包管理工具是支持通过tar.gz或者tgz加载的

那么我们的问题,其实变成了,如何生成tar.gz或者tgz


ps:

npm-pack-all 我试过了,相当不好用


压缩包的生成

其实这一步是最离谱的

说实话,我一直认为这是个简单打包命令

cdnode_modules下面的库

tar -zcvf <yourname>.tar.gz <yourpath>

这样做确实能得到tar.gz

但是当你通过pnpm或者其他工具安装时

你会发现package.json里的库名变成了操蛋的xxx.tar.gz

用起来各种报错

那么我们还有接下来几种方案

方式1.使用代码生成tar.gz

tar命令不靠谱,但是我试用npm-package-privatify发现,它打的tar.gz我能正常引入

关键代码如下

const fs = require("fs-extra")
const compressing = require('compressing')
const path = require('path')

// 将文件压缩为.tar.gz
/**
 * 
 * @param {*} fileName 需要打包的npm库名
 * @param {*} packagePath 待打包的路径,到node_modules即可
 * @param {*} zipFileName 打包后压缩包名字
 */
const tarGz = async (fileName, packagePath, zipFileName) => {
    await compressing.tar.compressDir(
        path.join(packagePath, fileName),
        path.join(packagePath, `${zipFileName}.tar`)
    )
    await compressing.gzip.compressFile(
        path.join(packagePath, `${zipFileName}.tar`),
        path.join(packagePath, `${zipFileName}.tar.gz`)
    )
    fs.removeSync(path.join(packagePath, `${zipFileName}.tar`))
    // fs.removeSync(path.join(packagePath, fileName))
}

诶,就正常了

方式2.直接从npm仓库下载

打开package-lock.json会发现

我们要的库其实都是tgz压缩包,直接下载就行了

[图片上传失败...(image-3cba84-1692541768462)]

而且你会惊讶的发现,下载下来是可以通过包管理工具加载成功的


到这里是不是以为这就完事大吉了,两种方式都可以得到压缩包

NO

你会发现,这个压缩包只是单纯的压缩包,它不包含任何自身所需的依赖啊我去

所以我们还需要对playwright的依赖打包,并且修改package.json的依赖为file

这里所幸我需要的库仅为playwright-core,且这个库没有任何其他的依赖

那么我需要的就是

  • 1.下载playwright-coretgz
  • 2.修改playwrightpackage.json的依赖为file:类型
  • 3.给playwright打包

这里一定要注意第2点,因为一般执行npm install等其他命令时,都在项目根目录下执行

所以依赖的file:一定要写准备把playwright-core放在什么目录安装

例如,我准备把两个压缩包,都放在一个特定的文件下workspace/OfflineLibrary/playwright/

[图片上传失败...(image-b8cbe1-1692541768462)]

那么我在打包的时候,就需要写为file:OfflineLibrary/playwright/playwright-core-1.37.1.tgz
[图片上传失败...(image-88e51e-1692541768462)]

这里我给个playwright@1.37.1的产物包,大伙有需要的可以试一下断网安装

playwright-1.37.1.tar.gz

playwright-core-1.37.1.tgz

在项目根目录下,新建两个文件夹OfflineLibrary/playwright,将两个包丢进去,然后在项目根目录下执行pnpm add ./OfflineLibrary/playwright/playwright-1.37.1.tar.gz就可以成功安装了。

总结

到此为止,我们应该知道怎么去做npm库的离线包了

比如我们需要对库A做离线包

  • 1.下载A的所有依赖库,并打压缩包
  • 2.修改A的依赖项为file路径
  • 3.将A打压缩包
  • 4.将所有的依赖包丢到目标仓库进行安装

到目前我没找到称手的工具,可能需要按这个思路自己写一个吧(摊手)

如果有老哥老姐知道有写好的工具,麻烦丢一份给我,感谢

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 120,625评论 1 242
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 52,701评论 1 203
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 75,867评论 0 170
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 36,884评论 0 130
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 43,717评论 1 208
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 36,245评论 1 128
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 28,206评论 2 210
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 27,307评论 0 121
  • 想象着我的养父在大火中拼命挣扎,窒息,最后皮肤化为焦炭。我心中就已经是抑制不住地欢快,这就叫做以其人之道,还治其人...
    爱写小说的胖达阅读 26,287评论 5 177
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 30,384评论 0 180
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 27,565评论 1 171
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 28,820评论 1 180
  • 白月光回国,霸总把我这个替身辞退。还一脸阴沉的警告我。[不要出现在思思面前, 不然我有一百种方法让你生不如死。]我...
    爱写小说的胖达阅读 23,087评论 0 25
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 25,711评论 2 166
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 29,615评论 3 175
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 24,562评论 0 4
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 24,545评论 0 114
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 30,867评论 2 192
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 31,233评论 2 189

推荐阅读更多精彩内容