自动化测试环境部署脚本实践

为测试同学提供临时测试环境是日常开发中常见的需求,但手动拉取代码、构建、部署的重复劳动既耗时又容易出错。本文分享一个基于Node.js的自动化部署脚本,实现定时自动更新、构建和预览,解放双手提升效率。

技术

创建前端PNPM自定义Docker镜像并上传至服务器使用

本地创建node镜像并提前安装pnpm环境 背景 因为需要在项目中使用pnpm包管理工具,并且通过only-allow强制使用pnpm 引出 ci 也需要使用 pnpm 但是介于网络问题,安装一直错误,并且因为安全问题,也不能使服务器连接外网。 解决方案 在一台网络正常的机器上构建一个已经预装好pn...

技术

CI 中 Cypress 下载超时处理方案

前言 在项目中我们依赖了cypress,在跑ci/cd时,时常遇到超时错误。 最终定位问题,我们发现时这个cypress插件会自己下载二进制版本,或者直接超时。 排查错误 毫无疑问,我们一开始就定位到了网络问题。 并且也通过日志定位了到了这个问题 .../cypress@9.7.0/nodemodu...

技术

storybook 编写指南

storybook 编写指南 > 所有story相关的导入导出以及文件名称,官方推荐首字母大写 - storybook 指南 - argTypes 参数详情 overview - 举个 🌰 e.g. - 控件参数详解 - 再举个 🌰 e.g. - 不想/想全部给你...

技术

Error: Cannot call a namespace (moment) 的处理方案

提供一种曲线救国的思路 javascript import as moment from 'moment'; const moment = moment; // 曲线救国 酌情修改下面参数 > allowSyntheticDefaultImports > > skipLibCheck 参考 [s...

技术

git提交时自动检测信息是否合法·中文指南

安装 1.依赖 npm install --save-dev @commitlint/config-conventional @commitlint/cli husky 2.配置文件 在工程根目录下新建配置文件,名称为 commitlint.config.js。 当然也能直接一行命令 echo "m...

技术

如何编写好的提交信息

如何编写好的提交信息 简介 本文用来介绍在组件库开发的过程中,如何提交一个符合语法规则、团队约定和具有高可行性的提交信息。 > 接下来的操作默认读者使用 git 作为代码仓库。 快速上手 bash (): // 空一行 // 空一行

技术

「SEMVER」语义版本规范

[SEMVER]语义版本规范 semver/semver.org提出一个语义版本规范,用于规范版本的生成和设置 英文版:Semantic Versioning 2.0.0 中文版:语义化版本 2.0.0 优势 1. 标识当前应用版本信息 2. 管理代码仓库 3. 管理外部依赖 版本格式 版本号命名如...

技术

安装并使用Verdaccio部署私有NPM仓库

前言 需要搭建私有的NPM仓库,社区提供了两种方法,我们思考了一下,采用了Verdaccio「主要还是轻量吧」 --- 使用nodejs 安装 yum install -y gcc-c++ make curl -sL https://rpm.nodesource.com/setup14.x | su...

技术

Docker 安装 gitlab-runner 实现 CI/CD

Docker install gitlab-runner 1. 拉取gitlab-runner镜像 sudo docker pull gitlab/gitlab-runner:latest 2. 添加gitlab-runner container sudo docker run -d --name ...

技术
12