懒编译 webpack从5.17.0开始引入了 lazyCompilation, 为入口和异步模块提供按需编译服务。即使项目无限增大, 也可以将项目的调试编译时间维持在一个固定的区间内。只有当我们访问

前言 作为一个前端工程师，前端工程化是必过的坎，而Webpack在前端工程化中扮演着至关重要的角色。 要明白webpack为什么重要，就要知道它为什么出现，解决了什么问题。 前端模块化从文件划分模块、

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

前言 面试官: webpack生产环境构建时为什么要将css文件提取成单独的文件？ 面试官：还有吗？ 面试官：那你有了解过css是怎么提取成单独文件的吗？ 看完本篇之后，希望小伙伴面试的时候碰到这个问

一、前言 大家好，由于最近在研究如何提高项目启动速度，项目是基于webpack的，也找了很多方法。 最后试下来，有这么几种方式可以明显提升构建速度： 使用 webpack5 开启 webpack5 的

模块联邦（Module Federation）是用来解决多个应用之间的代码共享问题的，每个应用可独立开发、部署，使得跨应用的代码共享更加优雅。本文重点介绍其三个核心概念，并提供实际的示例代码。

环境 为什么要做迁移 现有问题 1、按需加载页面的时候加载速度慢。 2、热更新时常失效，手动刷新加载速度也慢。 性能提升 1、旧框架启动约13秒，但启动后每个页面切换加载都得等待5-10s，开发体验较

一、Webpack 现状 最初的 Webpack 主打 Bundle 并且支持「Code Splitting」；在经过一段爆发式增长后，最有用的功能之一：热更新 Hot Module Replacem

一次 webpack 到 vite 的失败迁移体验。`Vite` 经过一段时间的发展，目前的生态已经非常丰富了。所以就着手把项目的 `Webpack` 替换为 `Vite`。