1、与webpack类似的工具还有哪些？谈谈你为什么选择webpack？ grunt 优点：出现的比较早，第一代打包工具 缺点：配置项太多，只有一个配置文件，而且不同的插件可能有自己的配置字段，学习成

前言 大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心 webpack优化很有必要 上一篇文章给大家讲解了简单搭建一个Vuecli，但是只是基本搭建，而没有进

【万字长文】使用最新的webpack5新特性从零一步一步搭建完整的react18+ts构建环境，完善的模块热替换和构建速度和构建结果的优化。

为什么要「按需引入」 通常情况下，按需引入区别于异步加载，但是本文会统一讲述这些「有需要时」才去拿取或剔除相关资源的类似场景，因此标题中的「按需引入」代表了这些做法的泛概念。

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…

本项目是淘系用户增长团队的一个大中台系统，单页应用，涵盖很多业务功能，运用了很多懒加载页面组件来提升性能，首屏时间 1s 左右，体验良好。然而大项目文件很多，导致构建和发布时间很长，内存占用较大。我的任务是尽可能优化与此相关的问题。 首先不难发现问题并不在用户体验上，而在于开发…

[实践系列] 主要是让我们通过实践去加深对一些原理的理解。 [实践系列]你能手写一个 Promise 吗？Yes I promise。 有兴趣的同学可以关注 [实践系列] 。 求 star 求 follow~ 入口起点(entry point)指示 webpack 应该使用哪个…

在vue项目中，我们是将整个项目打包到一个dist目录下，但是在实际开发中，当项目足够庞大时（一级路由几十个，二级路由上百个），我们仅仅改一个小的BUG，比如说改了某个地方的一个按钮边框颜色，但是要发到线上的时候就需要打包整个项目，这样就会造成开发2分钟，打包半小时的现象，所以…

Entry:入口,Webpack执行构建的第一步将从Entry开始，可抽象成输入。 Module:模块,在Webpack里一切皆模块，一个模块对应一个文件。Webpack会从配置的Entry开始递归找出所有依赖的模块。 Chunk:代码块，一个Chunk由多个模块组合而成，用于…