require.context 是webpack的一个api，通过执行require.context()函数，来获取指定的文件夹内的特定文件，在需要多次从同一个文件夹内倒入的模块，使用这个函数可以自动倒入，不用每个都显示的写import来引入。 id : 是上下文模块的模块id…

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

「万字解析」详解 Tapable 核心工作机制，Webpack Plugin 必备前置知识解读。从原理玩转 Webpack ，真正精通所谓工程化前端。

如题这三个东西，相信很多人都见过，也都会用会配置，但要是让你说出个所以然来，恐怕还不是那么容易。为啥这样配也可以，那样配也可以，那到底怎样配置才是最佳的？

Babel6 与Babel7 配置具有一定的差异，在Babel的发展历程中，我们有必要对其配置有一定的了解，才能在项目中正常合理的配置Babel的编译，配置错误会导致出现冗余代码、项目构建产物过大

loader相关文档地址：https://webpack.docschina.org/api/loaders/ 初始化项目 首先我们初始化一个项目 然后执行npm init -y 创建package.

webpack打包过程中，经常出现app.js一个文件好几兆的情况，这偏偏又是网页最先加载的文件，由于从上到下的执行顺序，前面的脚本在加载时会阻塞页面渲染，白屏时间由此而来。那么我们如何提高网页渲染速度呢？办法之一就是合理的分包策略。 一个简单的博客项目，项目本身并不大，但透过…

plugin作为webpack的中流砥柱，一直是大厂面试官热衷于拿来考察面试者的一个问题，5.x版本很多语法发生了改变，本文从0到1带你掌握一个webpack5.x版本的plugin开发该有的姿势

前言 最近很多小伙伴们都在问vite都出来了，webpack还有必要升级到5么？vite是不是很快就要取代webpack了？ 针对这个问题，我个人观点是：适合你项目的构建工具就是最好的。当前前端的构建