核心概念
Entry、Output、Format、Platform 等核心概念
📋 学习目标
- ✅ 理解 Entry(入口)概念
- ✅ 理解 Output(输出)配置
- ✅ 掌握 Format(输出格式)
- ✅ 理解 Platform(平台)选择
- ✅ 掌握 Target(目标环境)配置
Entry(入口)
单入口
{
entryPoints: ['src/index.js']
}多入口
{
entryPoints: {
'main': 'src/index.js',
'admin': 'src/admin.js'
}
}Output(输出)
单文件输出
{
outfile: 'dist/bundle.js'
}多文件输出
{
outdir: 'dist',
entryNames: '[name]-[hash]'
}Format(输出格式)
ESM(ES 模块)
{
format: 'esm'
}CommonJS
{
format: 'cjs'
}IIFE
{
format: 'iife',
globalName: 'MyLibrary'
}Platform(平台)
Browser(浏览器)
{
platform: 'browser'
}Node(Node.js)
{
platform: 'node'
}Target(目标环境)
{
target: 'es2020' // 或 ['es2020', 'chrome80', 'firefox78']
}相关链接
最后更新:2025