工程化

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

首先是项目初始化, 每个项目都有大量的配置，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还有自己定制的监控系统都是必须的

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

文档

Viteopen in new window

免费文章和教程

免费视频

@todo

B站录制

# 工程化

# 文档

# 免费文章和教程

# 免费视频

工程化

文档

免费文章和教程

免费视频