惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
WordPress大学
WordPress大学
博客园 - 【当耐特】
Engineering at Meta
Engineering at Meta
IT之家
IT之家
Apple Machine Learning Research
Apple Machine Learning Research
小众软件
小众软件
美团技术团队
S
SegmentFault 最新的问题
The GitHub Blog
The GitHub Blog
Martin Fowler
Martin Fowler
Recorded Future
Recorded Future
H
Help Net Security
aimingoo的专栏
aimingoo的专栏
Y
Y Combinator Blog
博客园_首页
A
About on SuperTechFans
MongoDB | Blog
MongoDB | Blog
阮一峰的网络日志
阮一峰的网络日志
V
Visual Studio Blog
D
DataBreaches.Net
人人都是产品经理
人人都是产品经理
大猫的无限游戏
大猫的无限游戏
B
Blog
The Register - Security
The Register - Security
I
InfoQ
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
雷峰网
雷峰网
Last Week in AI
Last Week in AI
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
月光博客
月光博客
酷 壳 – CoolShell
酷 壳 – CoolShell
Blog — PlanetScale
Blog — PlanetScale
N
Netflix TechBlog - Medium
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
有赞技术团队
有赞技术团队
Stack Overflow Blog
Stack Overflow Blog
Jina AI
Jina AI
Security Archives - TechRepublic
Security Archives - TechRepublic
Hacker News - Newest:
Hacker News - Newest: "LLM"
U
Unit 42
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
W
WeLiveSecurity
Latest news
Latest news
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
博客园 - 叶小钗
L
Lohrmann on Cybersecurity
博客园 - Franky
Recent Commits to openclaw:main
Recent Commits to openclaw:main
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO

博客园 - 奔跑的小蚂蚁9538

Vue 3 组件通信,别只会用 Props 和 Emits 了,你想知道的都在这里 Vue 3图片全屏预览组件:打造专业级图像浏览体验 使用vue3+ts构建企业级文件传输管理系统:状态管理、性能优化与用户体验的深度实践 使用fetchEventSource构建高效AI智能助手:文件搜索场景的完整实现与深度解析 从表格到脑图:Vue3 + TypeScript +antv-x6 打造可视化督办任务系统(支持多级拆解+批量操作+动态视图切换) 构建企业级督办任务系统:Vue3 + TypeScript 实战(多级任务拆解+批量操作+进度追踪+单元格合并) 打造沉浸式智能AI问答助手:Vue3 + UniApp 全端实战(支持 Markdown/公式/多模态交互) 构建企业级智能知识库:Vue3 + TypeScript 实战(分类管理+全文检索+批量操作) Vue3 + TypeScript 实战:打造企业级工单管理系统(列表+详情+时间轴交互) Vue3 + G2 实战:打造高校学生打卡数据可视化大屏 Vue3 + TypeScript 实战:打造自适应 AI 问答与在线测验考试系统 Vue3 + TypeScript 实战:打造企业级动态合同表单系统 Vue3 + Iframe 实战:打造企业级流程配置中心 基于 Vue3 + TS + Ant Design Vue 实现精细化菜单按钮权限授权组件 用 Vue3 + fetch-event-source 打造流式 AI 翻译平台:OCR + 大模型 + SSE 全链路实战 web端ant-design-vue-Anchor锚点组件使用小节(2) web端ant-design-vue-Anchor锚点组件使用小节(1) web端ant-design-vue Upload 手动实现文件上传使用小节 web端ant-design-vue Modal.info组件自定义icon和title使用小节 前端工程化解决方案webpack使用小结 uniapp电子签名盖章实现详解
vue前端使用nexus配置npm私有仓库
奔跑的小蚂蚁9538 · 2023-04-24 · via 博客园 - 奔跑的小蚂蚁9538

当我们运行前端项目的时候,常常在解决依赖的时候会加上一个参数npm install --registry=https://registry.npm.taobao.org将源指定为淘宝的源,以期让速度加快起来,事实上这种的确能够让速度变快,但是长久来看,如果想真正的快速敏捷开发部署,搭建企业内部的私服,则会让速度更上一个台阶。

搭建npm私服,我们依旧使用nexus3。

与其他私服一样的,npm私服同样有三种类型:

  • hosted : 本地存储,即同 docker 官方仓库一样提供本地私服功能
  • proxy : 提供代理其他仓库的类型,如 docker 中央仓库
  • group : 组类型,实质作用是组合多个仓库为一个地址

那么就来一个一个创建。

1,创建blob存储

为其创建一个单独的存储空间。

2,创建hosted类型的npm

  • Name: 定义一个名称local-npm
  • Storage:Blob store,我们下拉选择前面创建好的专用blob:npm-hub。
  • Hosted:开发环境,我们运行重复发布,因此Delpoyment policy 我们选择Allow redeploy。这个很重要!

3,创建一个proxy类型的npm仓库

其他的均是默认。

整体配置截图如下:

4,创建一个group类型的npm仓库

  • Name:group-npm
  • Storage:选择专用的blob存储npm-hub。
  • group : 将左边可选的2个仓库,添加到右边的members下。

整体配置截图如下:

这些配置完成之后,就可以使用了。

5,验证使用

新建一台环境干净的主机,安装好node环境,然后拷贝一份前端项目的源码。

1,首先获取默认的仓库地址:

# npm config get registry
https://registry.npmjs.org/

2,配置为私服地址。

从如下截图中查看(其实就是创建的组对外的地址)。

通过如下命令配置:

# npm config set registry http://192.168.75.11:8081/repository/group-npm/
# npm config get registry
http://192.168.75.11:8081/repository/group-npm/

现在开始安装,安装之前先看一下组里的内容:

6、最后一步需要在前端配置