如何把vue项目中的npm依赖全部迁移到自己的内网私服由于涉及到的依赖过多有什么办法能批量迁移且出错率最少请给出具体方案和实现步骤
方案:
-
安装一个私有的npm仓库,例如sinopia、verdaccio等,搭建方法可以参考官方文档。
-
在项目根目录下运行
npm install安装所有依赖。 -
在项目根目录下运行
npm ls查看所有依赖。 -
根据
npm ls的结果,逐个将依赖包上传到私有仓库中,使用命令npm publish。 -
在项目的
package.json文件中将所有依赖的源地址修改为私有仓库的地址。 -
重新运行
npm install安装依赖,检查是否安装成功。
实现步骤:
- 安装私有仓库
在本地或者内网服务器上安装一个私有npm仓库,可以使用sinopia、verdaccio等,以verdaccio为例:
npm install -g verdaccio
- 启动私有仓库
在命令行中执行以下命令启动私有仓库:
verdaccio
- 登录私有仓库
在浏览器中访问http://localhost:4873/,进入私有仓库的界面。在右上角点击“登录”,输入用户名和密码,登录成功后就可以使用私有仓库了。
- 安装依赖
在vue项目的根目录下执行以下命令安装依赖:
npm install
- 查看依赖
在vue项目的根目录下执行以下命令查看所有依赖:
npm ls
将输出结果保存到一个文本文件中,方便后续操作。
- 上传依赖
根据上一步的输出结果,逐个将依赖包上传到私有仓库中,使用以下命令:
npm publish --registry=http://localhost:4873/
- 修改源地址
修改项目的package.json文件,将所有依赖的源地址修改为私有仓库的地址,例如:
{
"dependencies": {
"vue": "http://localhost:4873/vue/-/vue-2.6.11.tgz",
"vuex": "http://localhost:4873/vuex/-/vuex-3.5.1.tgz",
"vue-router": "http://localhost:4873/vue-router/-/vue-router-3.4.9.tgz"
}
}
- 安装依赖
在vue项目的根目录下执行以下命令安装依赖:
npm install
- 检查依赖
检查依赖是否安装成功,可以使用以下命令:
npm ls
如果依赖安装成功,就可以在私有仓库中管理所有依赖了
原文地址: https://www.cveoy.top/t/topic/gg4F 著作权归作者所有。请勿转载和采集!