前端工程化1

2020-10-04

前端工程化1

工程化主要解决的问题:

• 传统语言或者语法的弊端，更方便的使用es6 ts等新语法
• 无法使用模块化、组件化的编程方式
• 有些重复的机械性工作浪费时间 例如压缩代码 删除注释
• 很难保证代码风格的统一、很难保证代码质量的水平
• 严重依赖后端服务接口支持
• 整体项目依赖后端，无法使用热更新live server等

一切重复的工作都应该工程化:

• 创建项目：使用脚手架工具自动完成基础结构的搭建
• 编码：代码格式化、代码风格校验、编译新语法
• 预览/测试：可以使用web server、HMR、source map
• 提交环节：git hooks自动化在提交之前做项目代码的检查。
• 部署环节：CI/CD 自动发布

工程化不等于某个工具(webpack):

而是整个项目的工作流架构

• 文件的结构、源码的开发规范
• 如何去做前后端分离 ajax还是中间层
• 应该选择搭配哪些工具做哪些配置选项去实现工程化

脚手架工具（工程化的发起者）:

创建项目基础结构、提供项目规范和约定

• 提供相同的组织结构、开发范式、模块依赖、工具配置、基础代码

总结:

• 脚手架是构建一个项目的整体架构和规范 不是特指一个工具