webpack 是前端工程化绕不过去的一环，它可以借助loader、plugin去构建我们的项目。那它究竟是怎么实现的哪？

最近在整理webpack的内容，在此小记一笔。 作为一个菜鸟，以我对webpack浅薄的认识，大概知道webpack的定位是一个bundler，解决的是如何将多个模块打包到一起去的问题。这里的模块定义十分广泛，可以是一个JS文件，可以是一张图片，也可以是一个样式文件……当然，因…

最外层是一个立即执行函数，入参是所有的 modules（模块） list。传入的 modules 参数是一个对象。 对象的格式是，文件名: 方法。 key 是 index.js 文件的相对路径，value 是一个匿名函数，函数体里面就是咱们写在 index.js 里的代码。（这…

前言 众所周知 一个好的前端就是要于手写各种前端工具链。 咱们今天来写一个玩具webpack,当然市面上有很多手写webpack的教程, 我这个版本省去了webpack中的tapable库和loade

前言 众所周知 对开发者来说webpack-dev-server最常用的功能就是热更新 而想要实现热更新,首先就需要一个文件监视系统，监视src文件夹下文件的变化。 今天来扒一扒webpack的热更新

前言 在学习webpack过程当中整理的一系列笔记，如有不对的地方请各位老哥指导。 webpack到底是用来干什么的呢？ webpack是一个打包工具，它可以有什么作用呢？以下列举几类： 1、打包你的

一、WHAT：webpack 是什么 webpack 是一个静态模块打包工具，将我们项目中的每一个模块组合成一个或多个 bundles（包）。 与之相关的一些核心概念（在 webpack.config

本文适用于前端方向的同学（没错就是给自己看的😭），Webpack 的插件机制本质上是一种事件流的机制，它的工作流程就是将各个插件串联起来，而实现这一切的核心就是 tapable。一起学习吧~

之前对公司七八年的老项目进行了升级，将vue2升级到vue3，并输出了一篇文章。但它存在很多问题，具体来说： 可读性巨差......