前言
Front-end Engineer，简称 FEED。前端工程化是指在前端开发各个环节中，通过工具解决问题，提高效率的一种规范化、标准化的手段。它并不是某个特定的工具，而是特定的方法论，用于解决项目构建、代码审核、测试到发布各个环节的问题。
它解决了什么问题？
在“刀耕火种”的前端时代，我们或多或少都会碰到过以下问题：
- 兼容性问题：使用了 ES6 + 的新特性，如何兼容 IE8 等低版本的浏览器？
- CSS预处理问题：想要使用 Less、Sass、PostCSS 工具，提高开发效率，但是运行环境不支持
- 模块化问题：想要通过模块化的方式组织代码，方便维护，但是运行环境也不能直接支持
- 部署问题：每次上传都需要手动打包，并对产物包进行压缩，上传到服务器再手动解压
- 规范问题：多人协作同一项目开发，代码质量难以保证
- ...
前端工程化的出现就是为了解决上述问题。
各个环节的工程化手段
主流开发框架的工程化集成
- React: create-react-app
- Vue: vue-cli
- Angular: angular-cli
- gatsby-cli
