CLI 工具链
一条命令初始化项目、生成页面与组件模板、接入规范检查,团队脚手架版本统一可升级。
- frontlab create
- frontlab g page
- frontlab lint --fix
统一 CLI 工具链、跨框架组件库、构建加速引擎与线上诊断能力。 一套平台覆盖「脚手架 → 开发调试 → 构建优化 → 发布监控」全链路, 让团队只关心业务,不重复造工程轮子。
npm i -g @frontlab/cli
$ frontlab dev --host
✔ 依赖分析完成 142 modules
✔ 本地服务已启动 http://localhost:5173
✔ 热更新通道就绪 HMR 12ms
────────────────────────────────
bundle 412 KB gzip 128 KB
build 1.84 s cold 3.10 s
coverage 86.4% lint 0 error
────────────────────────────────
⚠ src/pages/report.tsx 首屏依赖过多
→ 建议:import() 动态引入图表模块
从本地开发到线上运维,平台化的能力组合,替代零散的工具拼装。
一条命令初始化项目、生成页面与组件模板、接入规范检查,团队脚手架版本统一可升级。
180+ 跨框架基础组件,React / Vue / Svelte 三端同源,主题令牌一次配置全站生效。
基于增量编译与持久化缓存,二次构建进入毫秒级;产物自动分包、压缩与 CDN 指纹。
源码级报错定位、依赖冲突检测、内存泄漏追踪,开发环境即给出可执行的修复建议。
接入 Web Vitals 采集,LCP / INP / CLS 实时看板,异常与慢接口按页面归因。
内置模块联邦与服务端渲染方案,老系统可按路由逐步迁移,无需一次性重写。
每个阶段都有平台默认实现,也允许替换为团队既有工具。
选择技术栈与规范预设,生成仓库骨架、CI 配置与代码规范。
秒级启动、热更新、接口 mock,联调不阻塞后端进度。
提交即跑 lint、单测、类型检查与构建体积阈值校验。
增量编译 + 智能分包 + 资源指纹,产物可追溯可回滚。
按流量 / 人群灰度发布,一键回滚到任一历史版本。
性能指标与错误日志回流,异常自动关联到具体提交。
下面是一份真实可用的最小工程结构,复制即可运行。
import { defineConfig } from '@frontlab/cli';
export default defineConfig({
framework: 'react',
ssr: true,
cdn: { enable: true, domain: 'https://cdn.example.com' },
splitChunks: { vendor: true, maxSize: 244 },
monitor: { webVitals: true, dsn: 'https://api.example.com/report' }
});
import { createApp } from '@frontlab/runtime';
import App from './App';
import theme from './theme.json';
createApp(App, {
theme: theme,
plugins: [router, store, monitor]
}).mount('#app');
import { Button, Table, Chart } from '@frontlab/ui';
export default function App() {
return (
<Layout>
<Header>数据看板</Header>
<Chart type="line" data={pv} />
<Button type="primary">导出报表</Button>
</Layout>
);
}
统一的交互规范与主题令牌,替换品牌色即可完成整站换肤。
--color-primary
--radius-md
--space-4
| 服务 | 状态 | 构建耗时 | 产物体积 | 覆盖率 |
|---|---|---|---|---|
| web-console | 运行中 | 1.84s | 412 KB | 86.4% |
| admin-sdk | 运行中 | 2.31s | 608 KB | 79.1% |
| legacy-portal | 构建中 | 5.02s | 1.2 MB | 52.0% |
| docs-site | 失败 | — | — | — |
测试样本:62 个页面、约 3,400 个模块的中后台工程,Node 20 / 8 核 16G。
| 指标 | Webpack 5 | Vite 5 | FrontLab | 相对最优 |
|---|---|---|---|---|
| 冷启动构建 | 48.2 s | 21.6 s | 9.8 s | -55% |
| 增量二次构建 | 6.40 s | 1.20 s | 0.31 s | -74% |
| 产物体积(gzip) | 1.42 MB | 1.18 MB | 0.81 MB | -31% |
| 本地服务启动 | 12.4 s | 0.9 s | 0.6 s | -33% |
| HMR 热更新 | 240 ms | 45 ms | 12 ms | -73% |
| 内存峰值 | 3.1 GB | 1.4 GB | 0.9 GB | -36% |
数据来自内部基准仓库,不同项目结构会有差异,建议用 frontlab bench 在自己的工程上跑一遍。
每两周一个小版本,每季度一个稳定版,语义化版本严格遵循。
留下联系方式,我们会提供一次针对现有工程的构建体检报告。