Modern Javascript

その名の通り、現代のJavaScriptです.
通常はES 2015以降のJavascriptです.
個人的には、ES 2015のモジュールシステムサポートが現代Javascriptと呼ばれる最大の理由です.

フロントエンド環境が複雑になる理由

JavaScriptはUIの簡単な操作のために作成された言語なので、さまざまな機能を作成する準備ができていません.前述したように、ES 2015まではモジュールの資格はありません.
しかし,Webアプリケーションの実行時にブラウザの性能が向上するにつれて,Webは自然と様々な機能を処理し,ますます膨大になる.自然と、コード量が多くなり、Webアプリケーションが複雑になります.
ますます多くのコード量を分離するためには,モジュール化が必要であり,同時に,新しい実行時にnodejsとnpmからなる生態系が出現するにつれて複雑度が高くなる.

モジュールとは

これは、ファイルとファイルの間で相互の機能を使用するためにロードされる機能です.

これはモジュールではありませんか?

<script src="a.js" />
<script src="b.js" />

scriptラベルと混同しないでください
scriptタグは、JavascriptシステムではなくHTMLでサポートされている機能です.
ES 2015までは、Javascriptファイルから別のJavascriptファイルをロードすることは不可能です.
しかしながら、ES 2015のモジュールシステム(import/export)をWebアプリケーションに直接適用することは困難である.
これは,ランタイムブラウザのJavaScript互換性が異なるためである.

ボンドラー登場

Javascriptのブラウザ互換性の問題を解決するためのプログラムです.
Nodejsの登場に伴い、Javascriptは通常のオペレーティングシステムで実行できます.
開発者はJavaScriptを使用して、さまざまなツールを簡単に開発および導入できます.
このように開発されたさまざまなツールの1つが「滑らかさ」です.
バンドルプログラムの最大の仕事は、モジュールspecを使用するJavascript構文を説明し、ファイルにマージすることです.
バンドルパッケージを使用すると、モジュールを使用して開発されたWebアプリケーションをモジュール仕様をサポートしていないブラウザで実行できます.