前端项目为什么越做越慢？聊聊代码「可持续发展」的那些事

第一步：定义设计Token // design-tokens/colors.ts exportconst colors = { // 主色 primary: '#1890ff', primaryHover // 背景色 background: { default: '#ffffff', gray: '#fafafa', hover: '#f5f5f5' } }; // design-tokens spacing = { xs: '4px', sm: '8px', md: '16px', lg: '24px', xl: '32px', xxl: '48px' }; // design-tokens round: '50%' }; 第二步：做3个基础组件 // components/Button/Button.tsx import { colors, spacing, radius } from '@/design-tokens