先简单总结一下，优化Webpack打包可以通过多种方式来提高性能和减小文件大小。以下是一些常见的优化技巧： 代码分割（Code Splitting）：将代码拆分成多个小块，使得在加载页面时只加载必要的

前言 在前端面试的过程中，前端工程化一直是考察面试者能力的一个重点，而在我们常用的项目打包工具中，无论是webpack还是rollup，都具备一项很强大的能力——tree-shaking，所以面试官也

主要介绍了AST（Abstract Syntax Tree，抽象语法树）的一些基础知识。使用babel对js代码进行转换、遍历、修改后重新生成目标代码。对于理解常见的一些工具和插件有一些帮助。

压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些常规且有效的性能优化建议

引言 webpack中文官网：https://webpack.docschina.org/concepts/ webpack是一个javascript常用的静态模块打包工具，通过配置webpack，可

本篇主要是分析了 webpack5 的打包后代码，文件进过 webpack 打包后会增加很多东西那这些东西就是我们现在要做的，顺便分析了以下 import() 这种按需加载它做出了那些工作是怎么个按需

Module Federation 是 webpack5 中振奋人心的新特性，也是号称能改变 JavaScript 架构游戏规则的功能

使用webpack4提升180%编译速度

上一篇文章webpack详解中介绍了webpack基于事件流编程，是个高度的插件集合，整体介绍了webpack 的编译流程。本文将单独聊一聊最核心的部分，编译&构建。 webpack的构建中总会经历如下几个事件节点。 其中make是整个构建中最核心的部分编译，通过模块工厂函数创…