rollupでグローバル汚染を防ぐ

日本語の情報がなかったのでメモ。

デフォルトの設定だと、importされたモジュールとimportした側のコードはグローバルに展開されます。
例: グローバル汚染を引き起こす例

ビルドしたjsファイルをそのままscriptタグから読み込むとグローバル変数が使われ、グローバル汚染を引き起こしていまいます。

formatオプション

formatオプションをiife(即時関数、Immediately-invoked function expression)に指定すると、コード全体が即時関数に囲まれグローバル汚染を引き起こさないようになります。

formatオプションをiifeに指定した例

rollup.config.js

export default {
  // 前略
  format: 'iife',
  // 後略
}