Rollup v4 示例

本示例演示如何使用 Rollup 4.x（最新版本）。

测试功能

• 多行许可证 banner
• 从 package.json 动态读取 banner
• Source map 支持

配置

import { readFileSync } from 'node:fs'
import addBanner from 'rollup-plugin-add-banner'

const pkg = JSON.parse(readFileSync('package.json', 'utf-8'))

export default {
  input: 'src/index.js',
  output: {
    file: 'dist/index.js',
    format: 'es',
    sourcemap: true
  },
  plugins: [
    addBanner({
      content: `
/*!
 * ${pkg.name} v${pkg.version}
 * (c) ${new Date().getFullYear()} ${pkg.author}
 * Released under the MIT License.
 */`.trim()
    })
  ]
}

源代码

src/index.js

/**
 * 示例库
 * 使用 rollup-plugin-add-banner 构建
 */

export function greet(name) {
  return `Hello, ${name}!`
}

export function getVersion() {
  return '1.0.0'
}

尝试

cd examples/rollup-v4
pnpm install
pnpm run build
cat dist/index.js

输出

/*!
 * example-rollup-v4 v1.0.0
 * (c) 2024 saqqdy
 * Released under the MIT License.
 */
/**
 * 示例库
 * 使用 rollup-plugin-add-banner 构建
 */

export function greet(name) {
  return `Hello, ${name}!`
}

export function getVersion() {
  return '1.0.0'
}
//# sourceMappingURL=index.js.map

在线体验

在 StackBlitz 中打开