前端工程化
概念:在企业级的前端项目开发中,把前端开发所需的工具、技术、流程、经验等进行规范化、标准化。
-
模块化
js
的模块化,css
的模块化,资源的模块化
-
组件化
复用现有的UI结构,样式,行为
-
规范化
目录结构的划分,编码规范化,接口规范化,文档规范化,Git分支管理
-
自动化
自动化构建,自动化部署,自动化测试
解决方案
主流
-
webpack
-
parcel
什么是webpack
概念:webpack是前端项目工程化的具体解决方案
主要功能:提供了友好的前端模块化开发支持,以及代码压缩混淆、处理浏览器端JavaScript的兼容性、性能优化的功能。
注意:目前Vue,React等前端项目,基本上都是基于webpack进行工程化开发的。