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

相关推荐
江屿风1 天前
【Plain Language Large Model】【从浏览器到全栈:一课精通Node.js三剑客】流食般投喂
笔记·前端框架·npm·node.js·js·npx
少年的范儿3 天前
Windows 安装 Node.js 教程:nvm 版本管理 + pnpm 安装配置
windows·npm·node.js
peach3 天前
同样是装依赖,为什么 npm 长成 node_modules,Maven 长成 .m2
npm·node.js·maven
chunyublog5 天前
HDFS 上传文件名空格问题排障教程
前端·javascript·npm
MasonYyp6 天前
安装npm依赖仓库Verdaccio
前端·npm·node.js
jiangliushi67 天前
GPT-6.1 Sol 免费用:PowerShell 装 Codex 报“禁止运行脚本 npm.ps1”?一条命令解决
前端·gpt·npm
Elcker9 天前
YnuoAgent(依诺):一个 npm 包,跑起属于自己的 AI 研发平台
前端·人工智能·npm
Patrick_Wilson11 天前
悬浮提示从哪来:LSP、tsserver 与 .d.ts
typescript·npm·前端工程化
Patrick_Wilson11 天前
npm 的 bin 如何接到 npm run 与 npx
npm·node.js·前端工程化
Patrick_Wilson11 天前
import 之后发生了什么:package.json、解析与安装产物
npm·node.js·前端工程化