此文作为构建专栏的目录。 介绍了我司以及写这个专栏的初心和内容形式。 作为开篇还介绍了截止到现在构建工具的历史演进过程。

而今，只要是工程化的项目，大多离不开 sourcemap 的身影，一言蔽之：构建处理前的代码和处理后的代码之间的桥梁。但却很少有同学真的去深入了解它的运作原理。

最近刚入新项目，线上出了一个bug，Leader让排查。相关代码稍显复杂，想看看git历史记录获取些线索，打开Git Graph一看，当场石化，这不都是git规范的反面教材吗？

笔者一天要说100次“哥，代码更新了，打包上传下吧，球球了”，终于我实在受不了了（上传代码的这位哥也受不了了），于是想通过 Jenkins 实现简单的前端项目自动打包部署。

好久没更文啦~我发现越来越多的人开始关注“前端工程化”方面的内容了，也有很多人在私下问过我工程化都有哪些，那么我这里跟大家分享一下我的前端工程化经历，供大家参考~

常常会苦恼，平常做的项目很普通，没啥亮点；面试中也经常会被问到：做过哪些亮点项目吗？ 前端监控就是一个很有亮点的项目，各个大厂都有自己的内部实现，没有监控的项目就是在裸奔

本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。

超详细地介绍完整的npm发包流程：创建账号，创建npm包，发布npm包，使用npm包，更新npm包等等

1. 创建格式化参考规则 1. 项目的package.json文件中 2. .prettierrc.json或 .prettierrc.yml文件中 3. .prettierrc.js或 prettier.config.cjs文件中 2. 配置忽略文件 1. 命令行格式化 2.…