☰

ブラウザで CommonJS モジュールを「要求」するにはどうすればよいですか? [closed] 質問する

tag-icon • tag-icon javascript node.js commonjs
ブラウザで CommonJS モジュールを「要求」するにはどうすればよいですか? [closed] 質問する

ブラウザで CommonJS モジュールをクライアント側 JavaScript コードとしてロードする最適な方法は何ですか?

コモンJSモジュールは機能をmodule.exports名前空間に配置し、通常はrequire(pathToModule)サーバー側スクリプトを使用してインクルードされます。クライアント上でのロードは同じようには機能しません (require を置き換える必要がある、非同期性を考慮する必要があるなど)。

モジュール ローダーやその他のソリューション (Browserify、RequireJS、yabble など)、または単にモジュールを変更する方法を見つけました。最善の方法は何だと思いますか。また、その理由は何ですか。

ベストアンサー1

利用したJS が必要過去に広範囲に（実装BBC iPlayer2010 年にリリースされ、うまく機能しています。CommonJS モジュールを処理できますが、追加のラッパーが必要なので面倒です。

これらのモジュールを Node.js でも使用したい場合は、サーバー側でも RequireJS を使用する必要がありますが、これは Node.js JavaScript コードの慣用的なものではないため、あまり好ましくありません。

利用したウェブメイクそしてブラウザ化過去 1 年間にいくつかのプロジェクトで使用しました。最初はコンパイル手順に抵抗を感じましたが、今年広く使用してみて、これは問題ではないと言えます。

Browserifyにはウォッチ機能が搭載されており、非常にうまく機能します。Webmakeはウォッチャー（例えばウォッチャー）または、webmakeミドルウェアモジュールは、Express.js または connect アプリケーションの一部として使用できます。これには、保存するたびに JavaScript をコンパイルするのではなく、実際に要求したときにのみコンパイルされるという利点があります。

接続するサーバー (これも静的) の作成が簡単になるので、バックエンドなしでフロントエンドを開発する場合は、ファイルを提供するための小さな静的 Node.js サーバーを作成できます。

ボーナス: 常にビルドされたコードを処理するため、ビルド スクリプトは必要ありません。

おすすめ記事