工程化表现

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

一切重复的工作都应该被自动化

graph LR
创建项目 --> 编码;
编码 ---> 预览/测试;
预览/测试 ---> 提交;
提交 ---> 部署;
部署 ---> 编码;

创建项目：

• 创建项目结构；
• 创建特定类型文件；

编码：

• 格式化代码；
• 校验代码风格；
• 编译/构建/打包；

预览/测试：

• Web Server/Mock；
• Live Reloading/HMR；
• Source Map；

提交：

• Git Hooks；
• Lint-staged；
• 持续集成；

部署：

• CI/CD；
• 自动发布；

工程化 ≠ 某个工具

工程化与 Node.js

没有 Node.js 就没有今天的前端，厥功至伟的 Node.js

• 脚手架工具开发；
• 自动化构建系统；
• 模块化打包；
• 项目代码规范化；
• 自动化部署；