Rollup.jsは、ブラウザで使用するために複数のスクリプトを1つのスクリプトにまとめるJavaScriptバンドリングツールです。使用が簡単で、最小限の設定で動作するように開発されました。バンドリングツールは必要です。なぜなら、初期のブラウザはモジュールをサポートしておらず、Node.jsのモジュールメカニズムはブラウザと互換性がなく、バンドリングによってパフォーマンスが向上するからです。Webpackは人気のあるバンドリングツールですが、設定が複雑で、学習コストが高いです。Rollup.jsは、ESモジュールのバンドリングにはお勧めですが、CommonJSモジュールのバンドリングにはお勧めしません。Rollup.jsを使用するには、npmでグローバルにインストールするか、npxでインストールせずに使用します。Rollup.jsの基本的な使用方法は、2つのシンプルなスクリプト、add.jsとmain.jsを「rollup main.js」というコマンドでバンドリングすることです。バンドリング結果を特定のファイルに保存するには、--fileパラメーターを使用します。Rollup.jsは、複数のエントリースクリプト、自動実行関数のラッピング、コードの最小化、設定ファイルのサポートも提供します。最後に、Rollup.jsは、--format cjsパラメーターでESモジュールをCommonJSモジュールに変換できます。
dev.to
Mastering Rollup.js: From Basics to Advanced
Create attached notes ...
