一.什么是工程化
一切以提高效率、降低成本、质量保证为目的的手段都属于工程化。
工程化是为了解决问题。
工程化并不等于某个工具,工程化应包含规划一个项目的整体工作流架构。
一些成熟的前端工程化的集成: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 一行命令发布
-自动发布
本文 完。