前端工程化与webpack的介绍

时间:2022-12-01 22:08:10

前端工程化

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

  • 模块化

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

  • 组件化

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

  • 规范化

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

  • 自动化

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

解决方案

主流

  • webpack

  • parcel

什么是webpack

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

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

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

相关文章