output

一、认识

output.dir 该选项用于指定所有生成 chunk 文件所在的目录。如果生成多个 chunk，则此选项是必须的。否则，可以使用 file 选项代替。

语法

// 单个
output:{
    dir: string
}
// 多个
output:[
    {
        dir: string
    }
]

output.file 该选项用于指定要写入的文件名。如果该选项生效，那么同时也会生成源码映射（sourcemap）文件。只有当生成的 chunk 不超过一个时，该选项才会生效。

语法

// 单个
output:{
    file: string
}
// 多个
output:[
    {
        file: string
    }
]

output.format该选项用于指定生成 bundle 的格式。可以是以下之一:

amd: 异步模块定义，适用于 RequireJS 等模块加载器
cjs: CommonJS，适用于 Node 环境和其他打包工具（别名：commonjs）
es: 将 bundle 保留为 ES 模块文件，适用于其他打包工具以及支持 <script type=module> 标签的浏览器（别名: esm，module）
iife: 自执行函数，适用于 <script> 标签。（如果你要为你的应用创建 bundle，那么你很可能用它。）
umd: 通用模块定义，生成的包同时支持 amd、cjs 和 iife 三种格式
system: SystemJS 模块加载器的原生格式（别名: systemjs）

语法

// 单个
output:{
    format: string
}
// 多个
output:[
    {
        format: string
    }
]

**output.globals**该选项用于使用 id: variableName 键值对指定的、在 umd 或 iife 格式 bundle 中的外部依赖

语法

// 单个
output:{
    globals: string
}
// 多个
output:[
    {
        globals: string
    }
]

output.name 该选项用于，在想要使用全局变量名来表示你的 bundle 时，输出格式必须指定为 iife 或 umd。同一个页面上的其他脚本可以通过这个变量名来访问你的 bundle 导出。

语法

// 单个 
output:{
    name: string 
}

// 多个
output:{
    {
        name: string
    }
}

output.plugins 该选项用于指定输出插件，这是设置插件的唯一入口。

语法

// 单个
output:{
    plugins: []
}

// 多个
output:[
    {
        plugins: []
    }
]