Rolup 是一个打包工具，类似 Webpack。 组件库打包基本都是用 Rollup。 那 Webpack 和 Rollup 有什么区别呢？为什么组件库打包都用 Rollup 呢？ 我们来试一下：

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

前端小伙伴都知道，为了降低包大小，经常会把依赖的前端模块独立打包，比如把 vue、vue-router 打到一个单独的包 vendor 中。另外，常会将存在多个路由的复杂页面的每个页面都单独打一个包，只有访问某个页面的时候，再去下载该页面的js包，以此来加快首页的渲染。 无论是…

本篇文章会带你入门 Webpack 并对基本配置以及进阶配置做比较通俗易懂的介绍，保证大家都能轻松读懂并掌握！

问题：我们开发完一个npm包，有没有这样一种方式，既不用正式发包，又能像正式发包一样本地直接安装调试呢？

前言 最近在做 B 端性能优化的工作，通过一些工具分析，发现我们项目构建出来的 JS Chunks 有数量偏多和部分 Chunks 体积偏大的情况。于是想要了解下通过 splitChunks 的配置是

深度剖析webpack5的SplitChunksPlugin源码，全流程源码解读，使用具体示例，贯穿整个讲解流程，尽可能讲解每一个源码中的难点

引言 Webpack 是前端工程化常用的静态模块打包工具。在合适的时机通过 Webpack 提供的 API 改变输出结果，使 Webpack 可以执行更广泛的任务，拥有更强的构建能力。 Webpack

webpack5之核心源码解析，主要介绍了webpack的启动流程，compiler的编译过程，hooks的执行过程以及模块处理和输出过程。