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

在上两章节中我们已经介绍过了 JavaScript 打包机制 以及 webpack 所有的内置配置，但当项目业务功能达到一定规模时，默认的配置已经不足以满足开发、用户的期望，我们就需要对 webpack 配置进行优化。 如何知道具体该如何优化喃，最直观的方式是分析它的输出文件，…

由于团队内项目体积很大，`webpack`的打包速度非常之慢，采用了部分转换为`esbuild-loader`的方案，编译速度有近一倍的提升。

webpack的性能优化较多，我们可以对其进行分类： 优化一：打包后的结果，上线时的性能优化。（比如分包处理、减小包体积、CDN服务器等） 优化二：优化打包速度，开发或者构建时优化打包速度。（比如ex

背景： 由于项目中使用 monorepo来改变了项目结构，分出了两个包ui-components、common-lib，整体迁移完成后，跑单独项目的build发现，first-load-js bund

如今面试中问到最多的问题就是性能优化了，我们可以站在不同的角度去回答，比如减少http请求、用户体验上的优化等等很多方面。 webpack做性能优化主要从 优化构建后的结果 和 优化构建时的速度 两方

本文将以 webpack@4 + umi@3 为例，讨论如何通过合理的拆包策略来改善应用程序的性能，帮助我们了解拆包对性能的影响。

Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。

【掘金一周12.7】本期看点：从0到1搭建前端监控平台、一文带你全面体验八种状态管理库、签约作者专栏更新动态...