前端工程化

上一篇文章 ”前端组长如何利用Docker+Nginx+Jenkins实现项目部署“ 中已经把除了Github触发Jenkins自动化任务以外的功能都走通了，今天就把剩下的这部分打通，实现代码push

通常部署不会由前端来干，但是市场已经这么卷了，即使不会也得学啊，哪天转行当运维也说不好😄 说在前面 本文案例会基于Docker拉取一个Jenkins镜像并运行容器，在Jenkins中实现自动化构建部

开发一个前端脚手架，立马增加摸鱼时间！🐠🐠🐠 在开发过程中，我们会通过官方的脚手架搭建项目，这没问题。在我们把路由，工具函数，layout，网络封装以及页面都写好时，这个时候你要开发一个新项目，难道又

在项目开发过程中代码统一是至关重要的，不然每次接手其他人的代码，第一眼过去就是 shit code ，不得不在动手修改前先格式化代码；如果他人的格式化工具和你不一样，别人也是第一时间格式化你的代码..

项目中的公共组件和 npm 仓库的区别： 公共组件组内开发都可以改，改完不一定经过所有的测试项，有不兼容的风险 公共组件有可能会被多次粘贴复制，造成代码冗余 npm 仓库可以确保只有少数熟悉业务的几人

项目中配置 webpack 有三个目的，打包速度，打包体积，运行流畅度，速度指的是run build的时间，体积是指dist 的大小，流畅指的是打开页面是否不卡顿 打包速度 提升打包速度有以下方式，范

说在前面 项目搭建不会搭建的非常全，不会涉及 ui 库，网络请求等，以项目主体和通过工具优化为主； 环境准备 node 14.19.0 npm 6.14.16 npm 源 https://regist

在从Script开始理解模块化中已经提及了commonjs的使用和特点了，但更深层的内容还没有讲到，比如循环引用，require是哪来的，exports和module.exports的关系等等 定义

前端发展至今已有十来年，充当的角色也变化很大，从web1.0时代简单的点击跳转到web2.0时代的万物互联；前端变得越来越不可或缺。 随着业务越来越大，不可能把所有代码写在一个地方了，毕竟变量名不注意

目前前端包管理工具有npm，cnpm，yarn，pnpm；我们经常使用这些工具加上相应的命令去做一些操作，比如 npm install npm run dev，yarn add 但我们会发现这些命令执

从实际项目中理解typeScipt，从业务开发中理解常见的typeScript用法，针对业务提供不同的场景和例子供读者参考