复杂的Web应用,一般需要几十上百人共同开发维护,其前端界面也颇具规模,工程量是非常庞大的,这就要求我们从软件工程师的角度来思考前端开发,用工程化的手段来解决前端开发中遇到的各种问题,提升团队的开发效率。这就是所谓的前端工程化。
如果有想学习前端的程序员,可来我们的前端学习扣qun:953049818,
免费送前端的视频教程噢!
我每晚上8点还会在群内直播讲解前端知识,欢迎大家前来学习哦。
前端工程化如何做
一些人可能认为,前端工程化无非就是库/框架选型+简单的构建化+JavaScript/CSS模块化开发。
其实这只是工程化的一部分,当我们开发一个完成的web应用时,将面临更多的问题,如:如何多人协作开发 组件模块如何复用 如何调试部署 版本如何管理控制 性能如何优化等。因此想做好前端工程化,需要做好一下几件事:
1. 开发规范
制定好开发 、部署的目录规范、编码规范。好的目录规范能让项目结构清晰,便于维护和扩展;
好的编码规范能让团队同学的代码风格统一,便于代码审查。
2. 模块化
针对JavaScript、CSS,以功能或业务为单元组织代码。
JavaScript模块化方案有很多,如ES6 Module等。
CSS模块化开发基本上都是在Less、Sass等预处理器的import/mixin特性下支持实现的。
3. 组件化
把页面拆分成多个组件(component),每个组件依赖的CSS、JavaScript、模板、图片等资源放在一起开发和维护。