logo头像
Snippet 博客主题
Webpack 5 代码分割完全指南 (Code Splitting)

Webpack 5 代码分割完全指南 (Code Splitting)

📚 本指南旨在帮助开发者深入掌握 Webpack 5 的代码分割技术,从基础原理到生产环境的高级配置一应俱全。 目录 为什么需要代码分割 代码分割的三种方式 入口起点分割 SplitChunksPlugin 详解 动态导入(D...

Babel Runtime 依赖图谱与模块化 Polyfill 方案

Babel Runtime 依赖图谱与模块化 Polyfill 方案

在使用 Babel 进行 JavaScript 代码编译时,为了优化打包体积并处理新增 API,我们经常会用到 @babel/plugin-transform-runtime 以及它的两个核心依赖库。本文档将详细梳理它们的作用、关系以...

Sentry集成与hidden-source-map源码溯源指南

Sentry集成与hidden-source-map源码溯源指南

📚 本方案将指导你如何在 Webpack 5 项目中集成 Sentry,实现生产环境的自动错误捕获和源码还原。 一、背景知识1.1、什么是 SourceMap?SourceMap(源代码映射)是一个用来生成源代码与构建后代码一...

Webpack 5 基础完全指南

Webpack 5 基础完全指南

📚 本指南旨在帮助开发者从零开始掌握 Webpack 5 的核心概念与基础配置,涵盖样式、资源、JS 处理及生产环境优化等全方位知识。 目录 前言 基本使用 Webpack基本配置 开发模式 样式资源处理 其他资源处理 处理J...

UnoCSS的使用

UnoCSS的使用

UnoCSS中文文档 1、安装 1pnpm add -D unocss @iconify-json/ep @unocss/preset-rem-to-px unocss:核心库 @iconify-jsonp/ep:使用...