前言 #

前端研发流程： 开发->调试->构建->测试->部署->监控->统计分析

模块化 #

AMD,CDM,CommonJS,ES6

包管理 #

• Npm
• Yarn
• Pnpm
• MonoRepo Lerna

构建与编译 #

任务化构建方式 #

• rollup
• grunt/gulp

系统化构建方式 #

• WebPack
• SnowPack
• Vite

代码编译 #

• Babel

组件化 #

• 组件库

自动化 #

• CI/CD (jenkins)
• 自动化测试

规范化 #

• Eslint、Prettier
• CLi

全栈化（前后端一体化） #

• 同构渲染 SSR
• BFF Sever
• Sever Less

其他 #

• 微前端
• 跨端融合
• 智能化
• 平台化
• 低码化