Jimmycc

说到页面可视化搭建，想必很多同学都有所了解，业内已有非常多文章介绍，具体可以查看底部传送门，本文仅从 如何搭建一个易用、可扩展的通用可视化搭建工具 出发，探索技术思路，以及在实际实践中思考

WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。 引入破坏性更改来为新特性做准备，以便尽可能长的使用v5版本…

围绕 webpack@v5.x 的 Dependency Graph 实现，从源码层面分析 webpack 中如何收集依赖，如何存储依赖信息，以及最后又是如何消费这些依赖关系，从而完成资源编译构建过程

二更，在线地址：https://gitmind.cn/app/doc/fac1c196e29b8f9052239f16cff7d4c7 内容稍有 diff，以线上为准 直接贴图：

现在的前端开发领域，都是前后端分离，前端框架的主流都是SPA，MPA;这就意味着，页面渲染以及等待的白屏时间，成为我们需要解决的问题点；而且大项目，这个问题就尤为突出。

在线上项目中,需要统计产品中用户行为和使用情况，从而可以从用户和产品的角度去了解用户群体，从而升级和迭代产品，使其更加贴近用户。用户行为数据可以通过前端数据监控的方式获得，除此之外，前端还需要实现性能监控和异常监控。性能监控包括首屏加载时间、白屏时间、http请求时间和http…

之前有很多朋友问我，我的开源项目文档网站是用什么搭建的，其实是用Docsify搭建的。最近发现一款神器，可以搭建一个功能强大的开源项目文档网站，推荐给大家！

本文通过精美的图文，深入分析 Webpack Loader 的运行机制，带你吃透 Webpack loader 的 11 个核心问题。