npm pack 一键构建npm离线包

npm pack 命令

npm pack 命令是 npm 包管理器的核心功能之一,专门用于生成离线 npm 模块或依赖包。它的工作原理十分简单:它会遍历 node_modules 目录,查找所有 package.json 文件,并执行 npm pack 命令生成压缩文件。这些压缩文件包含了模块及其所有依赖项,可以独立于 npm 仓库进行安装和使用。

my-app/scripts

build.sh文件

shell 复制代码
set -e  # 遇到错误立即退出

curDir=$(readlink -f "$(dirname "$0")")

cd $curDir/../

echo "📦 安装依赖..."

yarn

echo "🔨 开始构建..."

yarn build

echo "✅ 构建完成!"

这几行代码是一个项目构建自动化脚本,它的核心作用是:

  1. 智能定位:自动找到脚本所在的准确位置
  2. 目录切换:确保在正确的项目根目录下执行
  3. 依赖管理:自动安装项目所需的所有依赖
  4. 构建执行:运行项目的构建流程

pack.sh 文件

shell 复制代码
#!/bin/bash

# 错误时立即退出
set -e

# 获取脚本所在目录的绝对路径
curDir=$(readlink -f "$(dirname "$0")")

echo "🚀 开始打包流程..."
echo "当前脚本目录: $curDir"

# 1. 重新编译项目
echo "🔄 重新编译项目..."
sh $curDir/build.sh

# 2. 更新版本号为预发布版本
echo "📦 更新版本号..."
npm version prerelease --preid=alpha --no-git-tag-version
current_version=$(node -p "require('$curDir/../package.json').version")
echo "新版本号: $current_version"

# 3. 复制 package.json 到 dist 目录
echo "📁 复制 package.json..."
cp $curDir/../package.json $curDir/../dist/

# 4. 进入 dist 目录
cd $curDir/../dist
echo "切换到目录: $(pwd)"

# 5. 修改版本号,添加本地时间戳
echo "⏰ 添加本地时间戳..."
timestamp=$(date +%Y%m%d%H%M%S)
echo "时间戳: $timestamp"

# 修正 sed 命令,正确的正则表达式
sed -i "s/\"version\": \".*-alpha\.[0-9]*\"/&.local.$timestamp/" package.json

# 验证修改结果
final_version=$(node -p "require('./package.json').version")
echo "最终版本号: $final_version"

# 6. 打包
echo "📦 开始打包..."
npm pack

# 显示生成的文件
echo "✅ 打包完成!生成文件:"
ls -la *.tgz

pubilsh.sh文件

相关推荐
MartinYeung56 小时前
npm爆发大规模供应链攻击 蠕虫污染 2000+ 个包版本: 深度技术剖析
前端·npm·node.js
无责任此方_修行中3 天前
换个版本号就能升级?可没那简单:pnpm 11 升级踩坑记
javascript·后端·npm
leslie1185 天前
npm常用命令
前端·npm
不在逃避q7 天前
Trae/Vs Code/Cursor命令行无法跑npm命令
前端·arcgis·npm
半句唐诗7 天前
我是如何通过 Access Token 成功发布第一个 npm 包的
前端·npm·node.js
NutShell Wang8 天前
零依赖架构实战:451个HTML文件如何用63KB平均体积交付3584个交互模块
前端·人工智能·arcgis·npm·开源·html·vibe coding
兮动人11 天前
Linux 安装 Claude Code 实战:Node.js、npm、GLM 配置一次跑通
linux·npm·node.js·cc·claude code
lastHertz20 天前
openskill 实战指南:像管理 npm 包一样管理你的 AI Skill
前端·人工智能·npm
qq_5896660521 天前
npm install npm install -g @vue/cli 分别是什么意思以及安装路径
前端·vue.js·npm