前端工程化与webpack的介绍

前端工程化

概念：在企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化、标准化。

• 模块化

js的模块化，css的模块化，资源的模块化

• 组件化

复用现有的UI结构，样式，行为

• 规范化

目录结构的划分，编码规范化，接口规范化，文档规范化，Git分支管理

• 自动化

自动化构建，自动化部署，自动化测试

解决方案

主流

• webpack

• parcel

什么是webpack

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

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

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