「.NET 開発基盤部会 Wiki」は、「Open棟梁Project」,「OSSコンソーシアム .NET開発基盤部会」によって運営されています。
目次 †
概要 †
最近、のJavaScriptモジュール以下のような文字列が入っていたりしてフリーズしますね。
var myModule = require('...');
何気に、Reactも書いてますが、JavaScript書いている自覚がなかったりします。
詳細 †
モジュール化API †
CommonJS †
CommonJS上でのモジュール化仕様
ES2015 Module †
ES2015の仕様が策定されたことにより、標準でモジュール化が可能となった。
AMD †
- ブラウザ環境での実行を考慮し、依存関係の解決および遅延ロードに対応。
- 最近はAMDではなくCommonJSあるいはES2015でモジュール定義し、WebPack? あるいは Browserify でビルドするほうが主流
参照方法 †
scriptタグ †
ブラウザからモジュール化されたJSを使用する。
<script src="XXXX.js"></script>
require構文 †
- require()はCommonJSの仕様
- Node.jsで外部ライブラリを参照する方法
- メリット
- 再利用し易くなる。
- 単体テストがし易くなる。
- 特に、Reactとは相性がイイ。
module構文(import) †
- es2015から利用できる書き方。
- 対応ブラウザがまだ少ない。
- Babelを通じて require構文 に変換後、
webpackなどを通じて依存関係を解決する。
RequireJS †
ブラウザでrequire()を使いたい場合に使用する。
RequireJSをもっとリッチにしたものがwebpack。
npmパッケージ †
参考 †
Qiita †
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
