什么是前端工程化？工程化的理解

背景

随着前端项目日趋复杂且庞大，代码的组织维护，多人协作等变得越来越麻烦。

解决

随着问题的出现，Node.js 也应运而生。使前端工程化成为可能。

思想

模块化、组件化、规范化、自动化

模块化

JS、CSS、图片等资源的模块化

组件化

将页面 UI 拆分为合适的组件，像搭积木一样把页面组装起来

规范化

目录结构、代码风格、数据交互、commit 等规范化

自动化

自动打包、自动部署、自动测试、图片压缩、post-css 批量修改 css 等