前言 上文提到，webpack5源码导读：我们如何调试源码，插件是 webpack 的支柱功能，webpack 自身也是构建于我们开发者在 webpack 配置中用到的相同的插件系统之中。说的大白话点

Webpack可以将其理解是一种基于事件流的编程范例，一个插件合集。 而将这些插件控制在webapck事件流上的运行的就是webpack自己写的基础类Tapable。 将plugin控制在webapack事件流上运行（如下图）。后面我们将看到核心的对象 Compiler、Com…

Module Federation 的简介 基础例子 - 1个 host、1个 remote 方向例子 - 既可以是 host 也可以是 remote 不同版本 React，Module Federa

webpack性能优化中必不可少的一环就是externals，本文详细阐述externals的使用场景以及如何使用

下面是公司搭建的真实项目开发环境我提炼出来比较重要的一些知识点作为内部技术分享。 打包成功后，会在项目的根目录自动创建一个 dist 文件夹，里面的 main.js 文件就是我们打包后的文件。 注意：若不想将配置写在配置文件中，可在项目根目录创建 babel.config.js…

升级vue-loader后报错 升级 "vue-loader": "^16.1.2"后升级后报错 解决办法：修改webpack配置文件中的VueLoaderPlugin 修改前： 修改后: 实例化Vu

另外可以发现并不是一个 token 对应一个 Node，等号左右必须都有值才能组成一个声明语句，否则会作出警告，这就是 eslint 的基本原理。最后所有的 Node 组合在一起就形成了 AST 语法树 通过 @babel/traverse 我们能够轻松的找到 await 表达…

0. 背景 随着构建体系不断完善、构建体验不断优化，webpack 已经逐渐成为了前端构建体系的一大霸主，对于工作中的真正意义上的前端工程项目，webpack 已经成为了我们前端构建技术选型的不二选择，包括 create-react-app 以及 vue-cli 等等业内常见的…