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文件

相关推荐
guslegend16 小时前
脚手架原理与本地调试:从 bin 软链接到 npm link
前端·npm·node.js·脚手架·前端工程化
孟陬3 天前
#教程 dw, dm, dy, d18m 是何意?万物可 Badge | 定制漂亮精致小徽章,打造眼前一亮 README
npm·github
hasty6 天前
不上传新包,也能改变用户拿到的版本:npm dist-tag 的 OIDC 权限治理
前端·npm·node.js
玖石书8 天前
HiSH 通过 apk 安装 Node.js、npm 与 pnpm
npm·node.js·鸿蒙·hish
FACELESS VOID8 天前
wsl下使用npm,错误识别到了windows下的npm
linux·windows·npm
搬砖的小码农_Sky10 天前
AI Agent:Windows上Node.js安装后 npm -v报错
前端·npm·node.js·人机交互
梅孔立12 天前
Codex 完整教程(Node.js安装 + npm安装Codex + DeepSeek配置 + 快捷键 + 设置)
前端·npm·node.js
AlfredZhao19 天前
npm 源切换:一条命令搞定
npm
@tangguo12320 天前
npm 和 yarn 配置说明
前端·javascript·npm·node.js·yarn
钝挫力PROGRAMER24 天前
npx 与 npm 全局安装/更新/卸载
npm·npx·mcp·dsh