工程化

我们从开始写第一行代码开始,到项目上线后的全部过程,都可以理解是工程化的范畴,工程化的目的就是能高效的开发代码,只要是能提高开发效率和项目质量都是好兄弟,从分类上来说,工程体系分成这几个步骤

首先是项目初始化, 每个项目都有大量的配置,babel,ts,eslint,jest,还有内部的各种规范,每个项目都配一遍实在是没有逼格,搞几个不同的模板,团队搞个命令行比如叫giao, 我们执行giao init的时候就会选择技术栈,并且去对应的地址把模板下来就行,开箱即用,拎包入住,vue-cli,umi都是非常优秀的脚手架

然后是实际的代码开发和联调, 这一步主要是开发服务和联调,比如dev-server可以本地演示代码,hmr热更新可以写完代码自动更新页面,不需要刷新,数据mock和代理proxy可以帮助我们调试后端接口

开发的过程中,为了提高代码的可维护性,需要做测试和安全 、团队规范的监测, 单元测试,安全都在这一步检查,最后就是构建,webpack rollup都是优秀的构建器,sass less都是不错的css构建器

然后是发布上线, 静态资源打包到nginx,node服务用pm2,为了上线服务器的环境一致,我们需要docker,在复杂的应用可能需要用k8s,上线之后需要监控线上应用状态,确保服务的稳定,alinode还有自己定制的监控系统都是必须的

有了工程化体系,前端农民工就相当于有了挖掘机,高效工作必备

文档

免费文章和教程

免费视频

@todo

B站录制