记录一下我离线依赖迁移安装的具体尝试过程

首发于 语雀文档

第 1 次

直接安装，不可行，由于是私有依赖，根本安装不上。

第 2 次

流程：

1. 拷贝依赖到项目目录 library 中
2. 经过 webpack alias 别名的方式关联依赖

不可行，npm run start 运行报错，缺乏依赖。

想一想也是，
依赖的依赖其实在咱们 npm install 的时候也是一块儿安装上的，
而我经过上述流程 1→2 的方式关联依赖，缺乏了依赖的依赖被安装的过程，天然会报缺乏依赖的错误。

第 3 次

依赖 react-color-ui
依赖 react-color-ui 的依赖 react-input-tags
均为私有依赖，没法经过 npm install 安装

但愿经过离线安装依赖的方式。

1. 在外网机中使用 npm-pack-all 命令将 react-color-ui 依赖打包成了 tgz 文件
2. 将 tgz 文件拷贝入内网机，并放置到项目根目录中
3. 使用 npm install react-color-ui.tgz --save 命令安装 react-color-ui
4. 安装失败，提示报错：没法获取 react-input-tags 依赖

实际上是由于个人 react-color-ui 项目目录下的 node_modules 不全，致使依赖没打包好。
这也就是为何更推荐你们使用 npm install xxx -g 全局安装的方式安装依赖。
由于全局安装的特色就是：这个包的全部依赖包都安装在了本身的目录下的 node_modules 子目录里。

第 4 次

1. 安装 npm-pack-all，用于将依赖打成 tgz 格式的离线安装包
2. 将 react-color-ui（源码包）中的除 node_modules 和 dist 外的文件删除
3. 将 react-color-ui（源码包）dist 目录下除 node_modules 外的文件剪切到 react-color-ui（源码包）的根目录下
4. 删除 react-color-ui（源码包）的 dist 目录
5. 在 react-color-ui（源码包）目录下打开 git bash，执行 npm-pack-all，将依赖打包成离线安装包

其实就是模拟 npm install 全局安装的效果。
全局安装的特色就是：这个包的全部依赖包都安装在了本身的目录下的 node_modules 子目录里。

产出

最后总结一下我产出了什么

1. react-color-ui 依赖安装指南
2. react-color-ui 离线安装包制做指南
3. react-color-ui-版本号.tgz 离线安装包
4. 将另外一个私有依赖也使用该方式安装到项目中

通用作法

固然，以上是为适配我项目的一点变通作法（尤为是234步），通用的作法是：（和参考文章其实差很少）

1. 使用 npm install -g xxx 命令全局安装依赖
2. 找到所安装依赖文件位置
3. 右键打开 git bash，执行 npm-pack-all，将依赖打包成 tgz 格式的离线安装包
4. 将离线安装包拷贝入内网机的项目根目录中
5. 右键打开 git bash，npm install xxx --save 将依赖安装
6. Success！！！

参考文章

1. 离线环境安装npm包