初衷： 分享一下工作中实用的几个Plugin，希望对大家有些帮助，不喜勿喷。 用途： 将css样式从js文件中提取出来最终合成一个css文件，该插件只支持webpack4之前的版本，如果你当前是webpack4及以上版本那么就会报错。 上面配置中，extractTextPlug…

初衷： 整理一些常用的loader分享给大家，方便知道在什么场景下该用什么loader。如果有大佬都懂悄悄左滑就行，不喜勿喷。 适合人群： 前端初级开发。 用途： 用于将css编译完成的样式，挂载到页面style标签上。需要注意loader执行顺序，style-loader放到…

本文适用于前端方向的同学（没错就是给自己看的😭），文章整体从 Webpack 热更新的概念、核心思想以及重点源码解析等三个方面进行阐述，希望能让大家一起对热更新有所了解。一起加油吧~🏄

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

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

Webpack 是一个强大的前端模块打包工具。它主要用于处理 JavaScript 及其相关资源（如 CSS、图片等），并将它们打包成一个或多个静态资源文件，以提高开发效率和优化性能。

前言 暑假的学习计划里面老早就装了打包工具——重点了解关于Webpack的知识，然后其他三个比较热门的打包工具暂时简单认识一下。好巧不巧，青训营的课程刚好就有关于打包工具的内容。

经过前两章节的学习，对于webpack的基础和高阶部分有所掌握了，下面总结了几道常见的 webpack 面试。希望对你们对于 webpack 的学习有所收获！！ 1、简单说一下 webpack 的构建

本文收录于我写的《前端面试手册》，想获得更好的阅读体验请访问在线地址：https://gugiegie.gitee.io/frontend 1. 什么是loader？有哪些常见的loader？怎么配置