jQueryをES Modules形式でインポートするには (Rollup) - Qiita

最近、モダンなフロントエンドの現場では、ReactやVue.jsといった技術が使用されることが増えました。 しかし今でも、ちょっとしたDOM操作をしたいときに、jQueryを使用すると便利な場面がたまにあります。 jQueryを使いたいけど、せめて、jQueryのインポートにはモダンな技術を使いたい。 というわけで、最近、jQueryをES Modules形式でインポートしようとしたのですが、 なかなかうまくいかず、苦戦しましたので、備忘録もかねて、解決策を解説させていただきます。 この記事で書かないこと Rollup の使い方 ES Modulesについての説明 上記はこの記事では解説しません。適宜ご自身でお調べください。 （前提条件）Rollupの設定 前提条件として、今回は、Rollupでビルド・バンドルする場合の手順を解説いたします。 Rollupの設定は下記のとおりです（今回の解