深夜，一阵刺耳的手机铃声把我吵醒，我迅速的把手机按成静音，看下屏幕，是我几年前带过的一个妹子的电话，看着熟睡的老婆孩子，我蹑手蹑脚地走到厨房接通了电话。 一接通，就传来一阵哭泣声：“师傅，我找不

在实际开发过程中，我们经常都会用到脚手架来构建前端工程项目，使用脚手架可以大幅提升项目的构建速度，通过命令行的交互，选择你所需要的配置与集成，可快速完成初始项目的创建。

所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 Webpack 的这种架构方式

ESbuild 是一个类似webpack构建工具。它的构建速度是 webpack 的几十倍。 不使用 AST，优化了构建流程。（也带来了一些缺点，后面会说） 与webpack不同的是，esbuild内置了一些文件处理的loader。 当esbuild解析到某后缀时，会自动使用该…

前置概念： CI 的意思是 持续构建 。CD则有两层含义：持续部署（Continuous Deployment） 和 持续交付（Continuous Delivery）

在开发或生产环境中，我们经常会搞一套自动化部署方案。比较流行的一种就是Gitlab+Jenkins实现方案，又慢又占资源。最近发现一款神器Drone，轻量级CI/DI工具，推荐给大家！

1. 学会 dotenv 原理和实现 2. 学会使用 fs模块 获取文件并解析 3. 学到项目中 .env 文件的原理 4. 等等

背景 最近团队中需要编写一个 shell 脚本，用于前端增量模块打包使用，主要就是为了解决每次打全量包耗费的时间较长，能够根据 git 提交判断哪些模块需要进行打包。为了实现这一个需求，那咱们作为前端

背景 在公司的项目中，每次碰到新需求的时候，你是不是都还在用新建页面 => 往页面中添加内容，如vue模板 => 添加路由。难道不觉得麻烦吗？如果是的话，不妨试试自动化构建吧，太香了~ element