最近挤出时间来完善了这个项目，正式开源后在一天内就收获了上百个Star，今天想向大家分享下这个开源图片编辑器项目——迅排设计，以及我的一些感悟和开源体验。

一面会考一些前端基本知识，二面主要结合项目进行深入的提问。# **一面：** **1. 了解事件循环机制么？** JS 中的事件循环（Event Loop）是一种用于管理和调度异步任务执行的机制。

hello，大家好我是 loboding 🥕。机缘巧合，在和朋友闲谈技术时聊到 Dynamic Import 资源请求失败的容灾，那我们就来编写个 plugin 将容灾代码插入运行时中吧。

用过 webpack 的都知道，webpack 的 sourcemap 配置是比较麻烦的，比如这两个配置的区别： eval-nosources-cheap-module-source-map hidd

从`npm run build`命令开始，将`webpack`编译入口到`make`阶段的所有流程抽离出核心代码形成流程图，然后针对核心代码进行具体的分析

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

「万字解析」300行代码梳理webpack核心工作流源码，从工程化出发，真正搞懂webpack背后打包机制。带你走进webpack生态开发的世界，真正对应用webpack了然于胸。

webpack优化是中高级前端在项目中不可缺少的工作，本文拥有丰富的代码示例，从编译提效、增量构建等角度出发为你系统、详实地讲解webpack 5 优化方案。

本文是 从零到亿系统性的建立前端构建知识体系✨ 中的第二篇，整体难度 ⭐️⭐️。 承接上文（从构建产物洞悉模块化原理），本文将继续从分析构建产物出发，探索 Webpack 中异步加载（懒加载）的原理