介绍了如何安装、配置和启动 Webpack Bundle Analyzer,用于分析 Webpack 打包后的文件结构。通过安装插件 (webpack-bundle-analyzer),在 Webpack 配置中添加 BundleAnalyzerPlugin,并使用命令行启动分析工具。该工具可视化展示打包结果,帮助优化资源分配和减小文件体积。
介绍了在 CentOS 系统上安装和配置 Docker 的步骤,包括 Docker 安装、创建 Dockerfile、构建镜像、运行容器及关闭容器的方法。通过编写 Node 项目脚本和 DockerBuild.sh 脚本,实现自动化构建与运行容器,开放宿主机端口并测试服务运行状态,适用于快速部署和管理项目环境。
介绍了如何通过设置 Tags 让 GitLab/CI Job 指定 Runner 执行任务。首先在 Runner 配置中添加特定 Tags,例如 yoyo,然后在 .gitlab-ci.yml 文件中为对应 Job 配置相同的 Tags,从而实现任务与 Runner 的绑定,提高任务执行的灵活性和效率。
介绍了一个基于 Webpack 的多页面模板,支持 GitLab 增量构建和部署。每个页面需在 pages 目录下包含 index.html 和 index.js,构建后生成独立的页面结构。通过 GitLab CI/CD 检测修改的页面,利用阿里云 OSS CLI 自动上传到云端,实现高效的增量部署。
介绍了 CI/CD 的概念及其在 GitLab 中的实现,通过 .gitlab-ci.yml 配置文件定义镜像、阶段和执行条件,实现自动化构建、打包和部署。详细说明了 CLI 的用途及 aliyunoss-cli 的使用方法,包括配置阿里云 OSS 参数和执行发布命令,支持多环境发布并与 CI/CD 流程集成,提升开发和部署效率。
介绍了删除 Git 分支的两种方法:使用 git branch -d 删除本地分支,使用 git push origin --delete 删除远程分支。两者分别适用于本地开发环境和远程仓库的分支管理。
描述了在 VSCode 中加载多个项目时 `.eslintignore` 文件未生效的问题,并通过配置 `eslint.workingDirectories` 解决。推荐使用模式 4,通过正则匹配指定工作目录,适用于 monorepo 项目结构,有效解决了文件忽略问题。
概述了如何使用 husky、lint-staged、prettier、eslint、stylelint 和 htmllint 等工具规范 JavaScript、CSS 和 HTML 代码,提供详细的配置示例,涵盖代码格式、语法规则以及最佳实践,帮助开发者构建一致且高质量的代码风格。
介绍了通过 git 命令清除缓存的具体操作步骤,包括使用 git rm 和 git add 清理缓存文件,并提交更改记录以完成推送,适用于代码仓库的缓存管理和版本控制优化。
总结了使用 Git 进行代码管理的基本操作,包括克隆远程仓库、拉取最新代码、查看状态、添加和提交文件、推送到服务器,以及通过日志和版本号回退到指定版本。详细介绍了 git pull、git add 和 git reset 等常用命令的功能及应用场景,帮助快速掌握代码版本管理流程。