rollup output 参数

在 Rollup 中,`output` 参数用于指定要输出的文件的位置和格式。以下是 `output` 参数的一些详细信息:

#### `output.file`

- 类型: `string`

- 默认值: `undefined`

用于指定要输出的文件的路径。例如,如果您要将代码输出到 `public` 文件夹中的 `bundle.js` 文件中,则可以将 `output.file` 设置为 `'public/bundle.js'`。

#### `output.dir`

- 类型: `string`

- 默认值: `undefined`

用于指定输出目录的路径。如果您将 `output.dir` 设置为 `'public'`,则 Rollup 将会在 `public` 目录下生成所有生成文件。

#### `output.format`

- 类型: `string`

- 默认值: `undefined`

用于指定输出格式。以下是一些可能的值:

- `amd`:异步模块定义

- `cjs`:CommonJS

- `esm`:ES 模块

- `iife`:自执行函数

- `umd`:通用模块定义

#### `output.name`

- 类型: `string`

- 默认值: `undefined`

用于指定库的名称。如果您的代码是一个库(即它要在其他应用程序中使用),则需要为库指定一个名称。

#### `output.banner`

- 类型: `string`

- 默认值: `undefined`

用于在生成的文件的开头添加文本。例如,您可以添加版权声明等元数据。

#### `output.footer`

- 类型: `string`

- 默认值: `undefined`

用于在生成的文件的结尾添加文本。例如,您可以添加脚本标签等元数据。

#### `output.sourcemap`

- 类型: `{ boolean \| 'inline' \| 'hidden' }`

- 默认值: `false`

用于指定是否生成 source map 文件以便在浏览器中进行调试。

以上是 `output` 参数的一些详细信息。您可以根据需要自定义这些参数,并将其添加到 `rollup.config.js` 文件中来输出您的打包结果。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Rollup 中,`output.format` 是用来指定输出的模块格式的选项。它可以设置为以下几种不同的值: - `"amd"`:将代码打包为 AMD(异步模块定义)格式,适用于在浏览器中异步加载模块的情况。 - `"cjs"`:将代码打包为 CommonJS(通用模块定义)格式,适用于 Node.js 环境或其他支持 CommonJS 的环境。 - `"es"`:将代码打包为 ES Module(ES 模块)格式,适用于现代浏览器或支持 ES 模块的环境。 - `"iife"`:将代码打包为 IIFE(立即调用函数表达式)格式,适用于直接在浏览器中使用 `<script>` 标签引入的情况。 - `"umd"`:将代码打包为 UMD(通用模块定义)格式,适用于同时支持 AMD、CommonJS 和全局变量引入的情况。 根据你的需求,你可以根据目标环境选择合适的 `output.format`。例如,如果你的组件库需要在浏览器中使用,你可以选择 `"iife"` 或 `"umd"` 格式;如果你的组件库需要在 Node.js 环境中使用,你可以选择 `"cjs"` 格式。 示例配置: ```javascript export default { // ... output: { file: 'dist/bundle.js', format: 'umd', name: 'MyLibrary', }, // ... }; ``` 在上述示例中,我们将代码打包为 UMD 格式,并指定了输出文件的路径为 `dist/bundle.js`。同时,我们还设置了全局变量的名称为 `MyLibrary`,以便在浏览器中使用时可以通过该名称访问到组件库的功能。 请根据你的项目需求选择合适的 `output.format` 值,并进行相应的配置。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值