12451 b553c4e519 feat: API 统一 + 设备详情补全 + H5 导航优化

- API 路由统一: 移除 /api/h5/，统一 /api/pms/ 入口
- 二进制改名: api-server -> pms-api（与服务名一致）
- nginx: 合并 /api/ + /pms/api/ 为 /api/pms/
- 新增 docs/API.md 接口文档
- 后端: CabinetDetail 增加 rssi/pow_fail/address/soc 等字段
- Redis 管道批量读取仓体实时数据（SOC/电压/电流/功率）
- DB: 所有 TIMESTAMP 列改为 DATETIME（修复类型不匹配）
- 用户管理: 新增创建时间/修改时间列，状态改用 Switch
- 角色管理/用户管理: 操作按钮改为图标
- PC 设备详情: 基本信息补全 RSSI/ICCID/电源/地址
- PC 卡片: 通道统计改用 Lucide 图标，颜色统一
- PC 二维码: canvas 渲染，含编号文字，支持右键下载
- H5: 按 uni-app 规范修正导航（navigateTo 替代 reLaunch）
- H5: 详情页加返回导航条
- H5: 扫码支持摄像头（jsQR）+ ?id= 参数
- H5: 底部 tabBar 在所有页面常显
- H5: 首页统计改为 6 项（设备/通道/空闲/充电/充满/故障）
- H5: 下拉刷新 / 上拉加载
- 产品首页: 添加业务联系
- 文档: 清理过时文件，补充缺失规范章节

2026-07-04 04:03:02 +08:00

2.9 KiB

Raw Blame History

name, description

name	description
advanced-performance	Performance optimization tips for Vite dev server and builds

Performance Optimization

Browser Setup

Use dev-only browser profile without extensions
Disable "Disable Cache" in DevTools when using Vite
Extensions can interfere with requests and slow startup

Audit Plugin Performance

Lazy load large dependencies in plugins
Avoid long operations in buildStart, config, configResolved
Optimize transform hooks - check id extension before processing

Debug transform times:

vite --debug plugin-transform

Use vite-plugin-inspect to inspect transforms.

Profiling

vite --profile
# Visit site, press 'p + enter' to record .cpuprofile
# Open in https://www.speedscope.app

Reduce Resolve Operations

Be explicit with extensions to avoid filesystem checks:

// Slow: checks .mjs, .js, .mts, .ts, .jsx, .tsx, .json
import Component from './Component'

// Fast: direct hit
import Component from './Component.tsx'

Enable TypeScript path resolution for explicit imports:

{
  "compilerOptions": {
    "moduleResolution": "bundler",
    "allowImportingTsExtensions": true
  }
}

Avoid Barrel Files

Barrel files (index.js re-exporting everything) cause all files to load:

// Slow: loads all utils
import { slash } from './utils'

// Fast: loads only slash.js
import { slash } from './utils/slash.js'

Warm Up Frequently Used Files

Pre-transform files that are always loaded:

export default defineConfig({
  server: {
    warmup: {
      clientFiles: [
        './src/components/BigComponent.vue',
        './src/utils/big-utils.js'
      ],
      ssrFiles: ['./src/server/modules/*.js']
    }
  }
})

Find files to warm up:

vite --debug transform

Use Native/Less Tooling

Do less work:

CSS instead of Sass/Less (PostCSS has nesting)
Don't transform SVGs to components - import as strings/URLs
Skip Babel in @vitejs/plugin-react if not needed

Use native tools:

Try Lightning CSS for faster CSS processing

export default defineConfig({
  css: {
    transformer: 'lightningcss'
  }
})

Server Options

Open Browser Automatically

Triggers warmup of entry point:

export default defineConfig({
  server: {
    open: true
  }
})

Limit File Watching

export default defineConfig({
  server: {
    watch: {
      ignored: ['**/large-folder/**']
    }
  }
})

Build Performance

Disable Reporting

Skip gzip size calculation for large projects:

export default defineConfig({
  build: {
    reportCompressedSize: false
  }
})

Sourcemaps

Disable if not needed:

export default defineConfig({
  build: {
    sourcemap: false
  }
})

2.9 KiB Raw Blame History