本文将会介绍浏览器`devtool`的一些常用工具方法，这些工具能够以可视化的方式展现当前网页情况。平常我们在做性能优化的时候，第一步是分析性能瓶颈，第二步借助工具找到问题，第三步解决瓶颈问题。

前言 最近一直在看 webpack 相关的知识，无论是相关的打包流程，还是一些更深层次的原理，都想以我的角度，一种更为浓缩的方式分享给大家，思来想去，手写 webpack 似乎是一个不错的方式，在这里

该小节主要知识点： 为什么需要调试 bin 脚本？ 如何快速上手调试 bin 脚本 什么是 sourcemap ？调试中为什么需要 sourcemap ？ 实战：调试 Umi 源代码 基于调试中的问题