webpack

1、前端工程化概念

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

2、前端工程化的解决方案

3、webpack概念

webpack是前端项目工程化的具体解决方案。

4、webpack主要功能

它提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端JavaScript 的兼容性、性能优化等强大的功能。

5、webpack好处

让程序员把工作的重心放到具体功能的实现上，提高了前端开发效率和项目的可维护性。

注意:目前Vue，React等前端项目，基本上都是基于webpack进行工程化开发的。