快速开始
安装、第一个项目、基础配置
📋 学习目标
- ✅ 能够安装 ESBuild
- ✅ 创建第一个 ESBuild 项目
- ✅ 掌握基础配置
- ✅ 理解命令行和 API 使用
安装
npm 安装
npm install --save-dev esbuild全局安装
npm install -g esbuild验证安装
npx esbuild --version第一个项目
项目结构
my-project/
├── src/
│ └── index.js
├── package.json
└── esbuild.config.js
基础代码
src/index.js:
console.log('Hello ESBuild!')命令行构建
npx esbuild src/index.js --bundle --outfile=dist/bundle.js使用配置文件
esbuild.config.js:
require('esbuild').build({
entryPoints: ['src/index.js'],
bundle: true,
outfile: 'dist/bundle.js',
}).catch(() => process.exit(1))运行:
node esbuild.config.js基础配置
常用选项
require('esbuild').build({
entryPoints: ['src/index.js'],
bundle: true,
outfile: 'dist/bundle.js',
format: 'esm', // 'esm' | 'cjs' | 'iife'
platform: 'browser', // 'browser' | 'node'
target: 'es2020', // 目标环境
minify: true, // 代码压缩
sourcemap: true, // Source Map
})相关链接
最后更新:2025