最終更新:2023-08-25 (金) 11:39:41 (238d)
JavaScript/モジュール
Top / JavaScript / モジュール
https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Modules
JavaScript/モジュール化
JavaScript/モジュール
- import/requireとかの話
ES6以前
CommonJS/モジュール
- module.exports - もともとはサーバサイド用。
- ブラウザで使うにはBrowserifyやRequireJSが必要
JavaScript/AMD
- Asynchronous Module Definition
Browserify
- CommonJSの仕様に準じて作られたモジュールバンドラ
RequireJS
- AMDの仕様に準じたモジュールを読み込むためのフレームワーク
webpack
Babel
ES6以降
ES6/モジュール (ES Modules)
- import と export 文は、モジュールの中でのみ使うことができます。通常のスクリプトの中では使えません。
ES6/export
- モジュール外部に公開したい項目の前に export をつける
ES6/import
script type=module
<script type="module" src="main.js"></script>
必要な処理
トランスパイル
- トランスパイラ(Babelなど)を使い、ES2015で書かれたJSコードを、(ES5ベースの)CommonJSやAMD等のフォーマットとして変換する。
バンドル
- トランスパイラによって書き出されたコードをモージュールの依存関係を見ながら1つ(または複数)のJavaScriptファイルへとつなぎ合わせる
ツール
- glup?