FE Workflow
standard-optimize>vue

代码层面

  • 使用 functional 函数式组件 减少组件初始化的过程
  • 合理使用 v-show 和 v-if、为 v-for 组件设定唯一key
  • 使用 KeepAlive 复用组件,避免组件重复的创建、销毁带来的性能损耗
  • 及时清除组件中的副作用,比如 setInterval 等

配置构建

  • 组件按需加载
  • 组件异步加载
  • 路由懒加载
  • 生产环境排除打包使用CDN
  • 打包移除日志打印
代码层面
配置构建