JavaScript 从最开始的简单变得越来越复杂，大部分源码都要经过转换才能放到生产环境。本文通过例子来介绍 Source Map 的生成原理。

一、什么是 Source Map 通俗的来说， Source Map 就是一个信息文件，里面存储了代码打包转换后的位置信息，实质是一个 json 描述文件，维护了打包前后的代码映射关系。关于 Sour

万字总结!一篇文章带你从零打造真正的工程化Ts+React+Webpack5多页应用。告别枯燥的文字，我们从实践出发，一步一步跟随代码讲解从零搭建属于自己风格的项目架构，从此不在恐惧环境搭建！

最近在frontendmaster 看 肖恩讲webpack的视频课程，其中有一节课是讲 Webpack的诞生历史，很有意思，然后找了一些资料，于是有了这篇。 瓜到这里就讲完了，我自己觉得 Webpack 这个诞生真的挺有意思的，sokra 一个没有写过 前端页面的开发者，看到…

Webpack 迭代到4.x版本后，其源码已经十分庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。但是为了了解其内部的工作原理，让我们尝试从一个最简单的 webpack 配置入手，从工具设计者的角度开发一款低配版的 Webpack。 假设某一天，我们接到了需求，需要开发…