【JavaScript】ESModulesの使い方 import・export - Qiita

はじめに VueCLIを勉強中しているのですが、モジュールの使い方について、しっかりとした理解が必要だと気づいたので、今回はESModeulsの使い方についてまとめておきます。 大前提としてモジュール管理とは何かという話ですが、 **「ソースコードを分割して、メンテナンスをし易くするための仕組み」**のことです。 １つのファイルに全ての処理を記述すると、当然ですがコードは肥大化してきますし、メンテナンスも大変です。 その為、機能ごとに別ファイル（モジュール）に分割して必要に応じて読み込むことで、より効率なコードになるわけです。 ESModulesとは、ECMAScriptの規格に基づいたモジュール管理の仕組みで、主にブラウザ上で動作します。importやexportというキーワードを使って、モジュールの読み込みや出力を行います。 他にもNode.jsで動作する、Common.jsというモジ