前言 众所周知我们在日常开发项目的过程中都会使用到webpack,vite等等这样的静态模块打包工具，那么他们的工作原理的流程是怎样的呢？在本文中将从一个小demo开始我们的webpack工作原理流程

之前对公司七八年的老项目进行了升级，将vue2升级到vue3，并输出了一篇文章。但它存在很多问题，具体来说： 可读性巨差......

一个项目的构建的性能优化，主要是从构建时间和构建体积这两个方面入手。 ○ 缩减与指定编译范围、提前与缓存构建、并行构建 ○ 分割代码、摇树优化、动态垫片、按需加载、作用提升、压缩资源

本文继续剖析 Webpack 的实现原理，主要内容：ChunkGraph 构建完毕后，Webpack 接下来会做什么事情？什么是运行时？如何收集运行时依赖？

推荐一波质量很高，值得一看的学习资料，内容涵盖 Webpack 应用、示例、原理、工具，希望对你有用

缓存是现在计算机领域最常见的优化手段，作为一个前端见的最多的就是浏览器缓存，那么webpack的缓存应该是什么样的呢？一起来看看吧。

首先，要注意的是默认情况下不会启用持久化缓存。你可以自行选择启用。 webpack 旨在注重构建安全而非性能。 我们没有打算默认启用这一功能，主要原因在于此功能虽然有 95% 几率提升性能，但仍有 5% 的几率中断你的应用程序/工作流/构建。 这可能听起来很糟，但相信我它并非如…

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

在前端技术发展日新月异的今天，前端工程化已经成了每个前端工作/学习者的必备知识，一文带你吃透webpack