打包工具
2022/7/25大约 1 分钟
打包工具
目录
简介
前端构建工具生态概览，包含 Vite、Webpack、Rspack、Rsbuild、Babel 等主流工具的配置与使用教程。
文档导航
📖 概览
| 文档 | 说明 |
|---|---|
| 构建工具概览 | 编译器、打包器、框架对比与选择建议 |
⚡ Vite
| 文档 | 说明 |
|---|---|
| 快速开始 | 环境搭建、基本配置、常用命令 |
| 构建配置 | 代码分割、CDN 优化、import.meta.glob、环境变量 |
| 插件 | 官方插件、图片压缩、Gzip、HTML 注入、包分析 |
📦 Webpack
| 文档 | 说明 |
|---|---|
| 快速开始 | 安装、基本配置、核心概念、TypeScript 配置 |
| Loaders | 样式/资源/脚本/框架 Loader 配置 |
| Plugins | 常用插件：Html、CSS、压缩、复制、Babel 配置 |
| React 配置 | 使用 swc/babel/esbuild、CSS Modules |
| Vue 配置 | Vue 完整 TypeScript 配置、WebStorm 别名 |
| Webpack 5 升级 | 升级常见问题与解决方案 |
🚀 Rspack / Rsbuild
| 文档 | 说明 |
|---|---|
| Rspack 与 Rsbuild | Rust 构建工具配置与常见问题 |
🔧 Babel
| 文档 | 说明 |
|---|---|
| Babel 配置 | 配置方式、Presets、Plugins、与 Webpack/React 集成 |