前端工程化

基本测试结构 常用钩子 test.beforeAll(): 所有测试前执行一次 test.beforeEach(): 每个测试前执行 test.afterEach(): 每个测试后执行 test.af

1. 安装 Playwright 使用 npm 安装 使用 yarn 安装 2. 项目配置 基础配置文件 (playwright.config.js) package.json 配置 3. 目录结构

环境安装与配置 安装 安装jest 配置package.json命令 配置 生成jest配置文件 jsdom测试环境需要安装jest-environment-jsdom 使用babel 安装babel

前端自动化测试的分类 单元测试 针对函数、组件或模块的独立测试，常用工具如 Jest（支持异步测试和快照比对）。 集成测试 验证多个组件或模块的协作，推荐 React Testing Library（

1. 准备工作 备份项目 确保项目已提交或备份，防止迁移中出现不可逆问题。 检查依赖兼容性 运行 npm ls webpack 确认是否有强依赖 Webpack 的第三方库（如某些老旧插件）。 2.

优化方案 加载优化 资源压缩、合并 代码压缩 使用工具压缩js、css代码，去除代码中的空格、注释，优化代码中的变量名称(简化、缩短)，减小代码体积。 图片压缩 在保证图片视觉质量的同时压缩图片文件大