什么是前端工程化

一.什么是工程化

一切以提高效率、降低成本、质量保证为目的的手段都属于工程化。

工程化是为了解决问题。

工程化并不等于某个工具，工程化应包含规划一个项目的整体工作流架构。

一些成熟的前端工程化的集成：create-react-app、 vue-cli、 angular-cli、 gatsby-cli，

它们都约定了项目的文件结构，提供了热更新、自动编译、模块文件支持、代码校验等功能。

 

二.前端工程化要解决的问题

传统语言、语法的弊端

无法使用模块化/组件化

重复的机械式工作

代码风格统一、质量保证

开发过程依赖后端服务接口支持

整体依赖后端项目（部署等）

 

三.工程化提倡一切重复性质的工作都应该被自动化

在项目生命周期的各个阶段，可以被自动化的事情：

1.创建项目

-可使用脚手架工具自动完成基础搭建

-创建项目结构

-创建特定类型文件

2.编码

-格式化代码

-校验代码风格

-编译 / 构建 / 打包

3.预览/测试

-Web Server / Mock

-Live Reloading / HMR

-Srouce Map

4.提交

-Git Hooks 在代码提交前进行风格和质量检查

-Lint-staged

-持续集成

5.部署

-CI / CD 一行命令发布

-自动发布

 

本文 完。