大家好，我是泽南Zn👨‍🎓。在之前的一篇文章写到， 前端如何使用websocket发送消息，websocket是怎么建立连接的呢？如果断开了会怎样？如何一直保持长连接呢？接下来，本篇文章将会带你了

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

本文将以 webpack@4 + umi@3 为例，讨论如何通过合理的拆包策略来改善应用程序的性能，帮助我们了解拆包对性能的影响。

前言 每次用vite创建项目秒建好，前几天用vue-cli创建了一个项目，足足等了我一分钟，那为什么用 vite 比 webpack 要快呢，这篇文章带你梳理清楚它们的原理及不同之处！文章有一点长，看

通过 Webpack5 的 Asset Module（资源模块），我们可以以一种更简捷的方式替换 raw-loader、url-loader、file-loader 来处理图片、字体等资源。

webpack构建主流程塑造，从webpack(options) -> compiler -> compilation.

1. 基础 -- 会配置 2. 进阶 -- 能优化 3. 深入 -- 懂原理 一层层晋级打怪 🦖 ，解答不同深度的 Webpack 面试题问题 🤓

webpack5模块联邦为我们提供了一种在应用程序之间共享代码的新方法。用白话来说，模块联邦提供了一种模块间共享代码的能力，为前端代码组织结构提供新的思路。来一起深入探究下，揭开他滴面纱

webpack的核心功能是通过抽离出很多插件来实现的，因此系统内功能的划分粒度很细，这样做到了完美解偶同时又分工明确，代码容易维护。可以说插件就是webpack的基石，这些基石又影响着流程的走向。这些钩子是通过Tapable串起来的，可以类比Vue框架的生命周期，webpack…