如何通过离线方式安装npm包
==============

前置条件

*   有网环境的PC
*   离线环境的PC有Node基础环境
*   离线环境的PC需安装Verdaccio工具

1.  在有网络的环境下，使用npm-pack-all工具包将所有依赖项打包成.tgz文件。
    1.  安装 npm-pack-all：npm install -g npm-pack-all。
        
        安装全局 husky（npm-pack-all 依赖）。
        
    2.  下载所需依赖包：npm install -g <实际包名\>（示例中以webpack为例，即输入npm install -g webpack）。
        
        ![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/4d/v3/7RB9MhHDT5eGsGUf4yWTMg/zh-cn_image_0000002229758193.png?HW-CC-KV=V1&HW-CC-Date=20260612T074803Z&HW-CC-Expire=86400&HW-CC-Sign=5224D38194543C4B1689834038A63C8503493A5094E92D7DF9A5C4A498FAF10A)
        
    3.  进入全局 npm 包的路径并制作离线安装包：cd C:\\Users\\<你的用户名>\\AppData\\Roaming\\npm\\node\_modules\\<实际包名>（如webpack），然后运行命令：npm-pack-all。
2.  将生成的.tgz文件拷贝到目标PC（无网环境PC），然后运行npm install XXXX.tgz命令安装该.tgz文件。
3.  成功后，重新配置离线PC中npm的地址路径，将registry路径设置为本地路径。
    1.  需要使用Verdaccio工具搭建源以提供离线开发环境。在离线PC中安装Verdaccio后，运行以下命令：verdaccio。
    2.  运行成功后，将在本地搭建一个 npm 服务器。接下来，在新的命令行窗口中执行以下命令：npm config set registry http://127.0.0.1:4873，然后执行npm config get registry以验证设置是否成功。![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/3e/v3/J4AB-vSPSs6AkHpsSCWo-g/zh-cn_image_0000002194317944.png?HW-CC-KV=V1&HW-CC-Date=20260612T074803Z&HW-CC-Expire=86400&HW-CC-Sign=C2DBE0776F0A843BFC46E7FA0572AB5338DBA0916BE439AB434B929A54FE4805)
4.  在本地搭建好npm服务器后，进入项目目录，执行以下命令即可在无网环境下更新项目的npm依赖库。
    1.  运行 npm install。
    2.  注：若安装时报错提示"404 Not Found 'xxx'"，说明本地库缺少该依赖，需要从有网络的环境中拷贝相应的依赖文件。操作步骤与上述相同。
        
        ![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/ae/v3/J2-kychhRRiQTfE8cNh0SQ/zh-cn_image_0000002229603725.png?HW-CC-KV=V1&HW-CC-Date=20260612T074803Z&HW-CC-Expire=86400&HW-CC-Sign=96BA3B6AB1BA000C75ED324ED4A4CF12E229DAD344646955BFAB21797B7FA752 "点击放大")