性能优化概述 1.分包策略 Vite和Webpack都支持性能优化-分包策略，下面简要介绍一下它们的实现方法： Vite分包策略 Vite是一款基于ESM的构建工具，Vite的分包策略主要通过动态引入

前言 面试官: 了解webpack插件吗？ 面试官: 那你说说你了解的webpack插件 面试官: 写过webpack插件吗？ 面试官：em... 是不是很熟悉的场景，因为有时候我们确实没机会去对项目

前言 本篇是 webpack5 基础篇教程，意在用尽可能简介明了的描述，帮助初学者学习，二来给老手复习，三来自己巩固知识！话不多说，直接开干！

前序 Webpack是一个现代的JavaScript应用程序静态模块打包工具。它能够处理各种类型的模块（如JavaScript、CSS、图片等），将它们打包成最终的静态资源文件。Webpack的作用是

谈到webpack优化大部分人可能都看腻了，无非就那几招嘛，我之前也是看过许多类似的文章，但都没有自己真正上手过，下面是我用公司的项目真实操练下来的，首屏加载速度提升很大（刷刷的），希望能帮到你。

开发的时候，如果每次我们修改了文件，webpack都能很迅速地帮我们编译完构建完而且浏览器能保存状态更新内容，体验会比较好；优化产出代码，减小体积，设置hash，可以提升生产环境上网页的加载速度

本章内容包含：1、webpack的优点，2、webpack加载器和插件的作用，3、webpack的构建流程，4、webpack 的热更新原理，5、ebpack常见的Loader

1、webpack简介 1.1、什么是Webpack webpack 是一种前端资源构建工具，一个静态模块打包器(module bundler)。 在 webpack 看来, 前端的所有资源文件(js

本系列文章致力于让读者了解 webpack 模块化相关知识； 我们会从打包结果来探索 webpack 对模块化的具体处理方式。