解析 webpack 核心流程与插件架构，理解： - Webpack 从启动到输出 bundle，内部逻辑流转过程 - 编写 webpack 插件前，你需要弄清楚哪些问题

Webpack 是一个流行的前端打包工具，它提供了许多生命周期钩子来帮助开发者在构建项目时进行定制化处理。本文将介绍 Webpack 生命周期的概念以及如何使用 JavaScript 代码模拟实现 W

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…

本文主要优化两个方面：1.优化开发体验 2.优化输出质量.优化开发体验:提升效率,优化构建速度,优化使⽤体验.优化输出质量:优化要发布到线上的代码，减少⽤户能感知到的加载时间,提升代码性能.

如今面试中问到最多的问题就是性能优化了，我们可以站在不同的角度去回答，比如减少http请求、用户体验上的优化等等很多方面。 webpack做性能优化主要从 优化构建后的结果 和 优化构建时的速度 两方

由于webpack 只能解析 JavaScript 和 JSON 文件，当引入非 JavaScript 文件时，要使用 Webpack的loader机制， loader让 webpack 能够去处理其他类型的文件，并将它们转换为有效模块，以供应用程序使用，以及被添加到依赖图中。…

如果大家看过一些 webpack4 优化的文章，一定会出现 dll 动态链接库。它以配置之复杂让众多初学者记忆犹新。今天我会以一个学习者的角度去一步一步探讨 webpack dll 的配置，最后得出一

今天我主要分享的是一些 webpack 中的易混淆知识点，也是面试的常见内容。我把这些分散在文档和教程里的内容总结起来，目前看是全网独一份，大家可以加个收藏，方便以后检索和学习