前端工程化与webpack_工程化（一）

前端工程化

实际的前端开发：

• 模块化 （js的模块化、css的模块化、其他资源的模块化）
• 组件化 （复用现有的UI结构、样式、行为）
• 规范化 （目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理）
• 自动化 （自动化构建、自动部署、自动化测试）

前端工程化指的是：在企业级得前端项目开发中，把前端开发所需的工具、技术
、流程、经验等进行规范化、标准化。最终落实到细节上，就是实现前端的 “4个现代化（模块化、组件化、规范化、自动化）”

前端工程化的好处主要体现在如下两个方面：
(1) 前端工程化让前端开发能够“自成体系”，覆盖了前端项目从创建到部署的方方面面
(2) 最大程度地提高了前端地开发效率，降低了技术选型、前后端联调等带来的协调沟通成本

目前主流的前端工程化解决方案：

• webpack ( https://www.webpackjs.com/ )
• parcel (https://zh.parceljs.org/)