|
|
@@ -113,27 +113,53 @@ logs/
|
|
|
*.tgz
|
|
|
```
|
|
|
|
|
|
+### 构建优化 (2026-02-25)
|
|
|
+
|
|
|
+已完成的优化：
|
|
|
+
|
|
|
+1. **Webpack mode 配置**
|
|
|
+ - 添加 `mode: 'production'` 启用 webpack 生产环境默认优化
|
|
|
+
|
|
|
+2. **代码分割优化**
|
|
|
+ - 配置 `splitChunks` 自动提取公共代码
|
|
|
+ - 添加 `commons` 缓存组优化共享模块
|
|
|
+ - 配置 `runtimeChunk` 分离运行时代码
|
|
|
+
|
|
|
+3. **性能提示阈值调整**
|
|
|
+ - `maxAssetSize`: 1MB (适配图片大小)
|
|
|
+ - `maxEntrypointSize`: 2MB (适配 bundle 大小)
|
|
|
+ - 仅对 `.js` 和 `.css` 文件进行警告
|
|
|
+
|
|
|
+4. **生产环境优化**
|
|
|
+ - 移除 `console.log` 和 `debugger`
|
|
|
+ - 启用 CSS 和 JS 压缩
|
|
|
+ - HTML 压缩优化
|
|
|
+
|
|
|
### 构建警告说明
|
|
|
|
|
|
-当前构建存在以下警告（**不影响功能**）：
|
|
|
-
|
|
|
-1. **文件大小警告** - 部分图片文件超过 244 KiB 建议值
|
|
|
- - `static/img/sur1.png` (2.23 MiB)
|
|
|
- - `static/img/dji-card.png` (1.74 MiB)
|
|
|
- - `static/img/buil1.png` (2.01 MiB)
|
|
|
- - 等...
|
|
|
-
|
|
|
- **优化建议：**
|
|
|
- - 使用图片压缩工具（如 TinyPNG）
|
|
|
- - 考虑使用 WebP 格式
|
|
|
- - 对大图片使用 CDN 加速
|
|
|
-
|
|
|
-2. **入口文件大小** - 主入口文件总大小 567 KiB
|
|
|
-
|
|
|
- **优化建议：**
|
|
|
- - 启用代码分割（已配置 splitChunks）
|
|
|
- - 懒加载路由组件
|
|
|
- - 提取公共代码
|
|
|
+当前构建无 webpack 警告。
|
|
|
+
|
|
|
+> **注意：** 构建时会显示 shelljs 的 `Accessing non-existent property` 警告
|
|
|
+> - 原因：shelljs 库内部使用方式导致
|
|
|
+> - 影响：**无任何影响**，可安全忽略
|
|
|
+> - 解决：需等待 shelljs 库更新
|
|
|
+
|
|
|
+### 图片优化建议
|
|
|
+
|
|
|
+项目包含较大图片文件，建议按需优化：
|
|
|
+
|
|
|
+| 文件 | 大小 | 建议 |
|
|
|
+|------|------|------|
|
|
|
+| sur1.png | 2.23 MiB | 压缩或使用 WebP |
|
|
|
+| buil1.png | 2.01 MiB | 压缩或使用 WebP |
|
|
|
+| dji-card.png | 1.74 MiB | 压缩或使用 WebP |
|
|
|
+| buil3.png | 1.71 MiB | 压缩或使用 WebP |
|
|
|
+| sur3.png | 1.48 MiB | 压缩或使用 WebP |
|
|
|
+
|
|
|
+**优化工具推荐：**
|
|
|
+- [TinyPNG](https://tinypng.com/) - 在线图片压缩
|
|
|
+- [Squoosh](https://squoosh.app/) - Google 图片压缩工具
|
|
|
+- `imagemin` - Node.js 图片压缩库
|
|
|
|
|
|
### 已知问题
|
|
|
|
