🧠 前言 随着前端构建工具的演进，Vite 正在逐步取代 Webpack 成为 Vue 项目的主力构建器。但当我们在业务中需要扩展构建能力（如自动注入、虚拟模块、资源替换等），就离不开插件系统。 那么

ESLint 近期发布了它的重大更新版本 v9。这个新版本带来了一些重大变化，可能会对你的项目产生影响。在这篇文章中，我们将了解如何在 Vue.js 项目中从 ESLint v8 升级到 v9。

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

众所周知， create-react-app(以下称为CRA)是 FaceBook 开源的 创建 React 现代Web应用程序应用的脚手架，让我们可以快速和专注项目的开发而不用过多的去关心工具和服务的配置，在一些场景中还是需要另外的加入或者修改 CRA 中的配置，在 CRA …

React + Webpack 项目优化指南;提升 React 项目性能，涵盖加快页面加载速度、提高交互流畅性、减少资源占用、增强稳定性以及降低代码维护成本等方面，为用户提供更优质的体验

一、模块重导 收拢、结合并重导出：建立一个文件集结所有导入的文件再导出，其他文件使用时就可以用一个import导入多个文件的方法 /src/api/index.ts: 使用： 二、webpack中的r

序言 如果打开一个文件，看到的全是满屏幕的 import 语句，这将是一种怎样的体验？ 密密麻麻的import语句不仅仅是一种视觉上的冲击，更是对代码组织结构的一种考验。 我们是如何做到让import

最开始学习前端的时候是干了啥？我想大多数朋友是在VScode上安装了几个插件，像Live Server、ESlint之类的，所以想必大家对插件并不陌生，所以我们前端生涯中都会遇到什么样的插件呢....

文章主要围绕 `webpack` 升级到 `5.x` 之后不再包含 `nodejs polyfills` 这个breakchange去讲述的。如已知此变更，大可不必浪费时间阅读