一、Webpack 是什么？ Webpack 是一个静态模块打包工具。它能够将项目中的各种资源视为模块，并根据模块之间的依赖关系，将它们打包成静态资源文件（bundle）。这些静态资源文件可以被浏览器

前端首页渲染速度优化，这张图是我发现的比较宝藏，比较全面的一张首页加载优化图，便以此图来进行相关总结

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

前言 webpack 在前端工程领域起到了中流砥柱的作用，理解它的内部实现机制会对你的工程建设提供很大的帮助（不论是定制功能还是优化打包）。 下面我们基于 webpack5 源码结构，对整个打包流程进

本篇将从实践出发，在第一章节《基础配置》中使用 webpack 搭建一个基础的支持模块化开发的项目，在第二章节《进阶配置》中使用 webpack 搭建一个 SASS + TS + React 的项目。

本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。

在vue中我们经常用到动态导入页面组件，那么它是如何实现的呢，本文将通过简单的案例，快速了解实现原理

webpack5之核心配置梳理，对webpack5的核心配置的介绍，包括sourcemap，各种loaders，plugins。另外也介绍了如何分离开发和生产环境

webpack项目基础配置 webpack版本 新建项目文件夹ts-animates-webpack-demo pnpm初始化 pnpm init，根目录下生成package.json文件 新建src