前言 现如今前端构建打包工具层出不穷，有 Webpack、Vite、Rollup...，但无论是哪一个工具，还是从一个工具切换到一个新颖的工具，实际上最终都离不开 解析编译，模块分包，压缩优化三个阶段

Webpack5 也太香了，Webpack4升级Webpack5后，配置更加精简了，同时感受到看文档的重要性

推荐一波质量很高，值得一看的学习资料，内容涵盖 Webpack 应用、示例、原理、工具，希望对你有用

解决标题中的问题的方法有多少种，你能想到几种，你又能动手真正地实现几种呢？本篇文章针对标题中的问题，进行了一场头脑风暴，感兴趣的话，一起来聊一聊吧~

首先我们先对性能优化有一个总体的认知。关于 webpack 的性能优化： 1. 在业务开发中，不要

vue项目首次加载缓慢，利用splitChunks分包打包导致上线chunk-XX.js文件过多页面加载缓慢资源请求阻塞问题解决方案, 利用splitChunks分包

背景 前端不断在探索打包，构建的天花板，产出了 vite ， Rspack， Turbopack 等一系列优秀的打包构建工具 在好奇心的驱使下， 尝试 以 vue-element-admin 这个仓库

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

因为公司屎山代码太多了，每次生产构建都要10几分钟。想想就绝望，改不动，真的改不动。如果能像开发环境一样只针对修改的代码增量构建就完美了。沿着这个思路去思考，决定采用通过缓存编译结果来提高构建速度。