問題タブ [umd]

これに関連するいくつかの StackOverflow の質問を見つけましたが、一致するものも問題を解決するものもありません。

ブラウザとサーバーで使用することを目的としたライブラリをES6で作成しています。サーバーまたはブラウザー ( popsicle、axios )で使用できるいくつかの HTTP 要求ライブラリを見つけました。これらのライブラリを両方の場所で正常に使用しましたが、ソースにインポートして出力された webpacked ファイルを使用するときに問題が発生します。

axiosライブラリをインポートしているES6ソースファイルは

私のwebpack設定は

ご覧のとおり、libraryTarget を umdNamedDefine に設定していますumd。true

そして私の.bablercは

ライブラリをタグに含めることでブラウザで使用できますがscript、ノードでインポートするときに使用できません。を取得しXMLHttpRequest is not definedます。axiosライブラリは、ブラウザではXMLHttpRequestを使用し、ノードで実行する場合はhttpを使用すると述べていますが、何らかの理由でサーバーで実行されていることを検出していません。いくつかの UML ライブラリでこの問題が発生しているため、特定のパッケージではないと考えています。また、これらのライブラリをノード ES5 で webpack や babel を実行せずに使用できるため、webpack の構成の問題であると推測されます。

これらの UMD スタイル ライブラリを ES6 にインポートし、サーバーとブラウザで使用できる Webpack と Babel でライブラリを生成するにはどうすればよいですか?

私たちは素晴らしい logary-js (私のプロジェクト) で stacktrace-js を使用しようとしていますが、webpack を通過した後は、もう機能しないようです。

webpack の構成は次のとおりですhttps://github.com/logary/logary-js/blob/c7fdec752e5ce33843d458e9e6c590657005c60a/webpack.config.js

私が気になる出力は次のとおりです（npm run build）：

このブランチでは、UglifyJs を無効にしようとしましたが、役に立ちませんでした。

npm run testこの出力が得られます（抜粋）：

したがって、dev での webpack-mocha の統合は非常にうまく機能しているように見えます。ただし、リリース後に他の JS の logary を使用すると、stacktrace-js から次の出力が得られます。

これらの単体テストを実行する必要がある場合 (mocha を実行するときは実行されますが、ブラウザーで実行するときは実行されません):

私のライブラリは webpack で構築されています。libraryTarget は UMD です。問題は私の依存関係にあります。たとえば、jQuery を使用しています。私のwebpack構成は次のようになります：

AMD環境では動作します。問題なく要求できます：

しかし、ビルドされたファイルをモジュールローダー以外の環境で使用したい場合は、「$ が定義されていません」というメッセージが表示されます。もちろん、解決策は、webpack の設定を次のように変更することです。

非モジュールローダー環境で動作するよりも。しかし、requirejs がjquery.jsの代わりにjQuery.jsを読み込もうとするため、今回は AMD環境では機能しなくなりました。

この問題を解決するにはどうすればよいですか?

Angular RC4 の最近のバージョンでは、Rxjs はnode_modulesornpmcdn.comディレクトリで利用できます。

プランカーは成功したが使用していない.umd.js

http://plnkr.co/edit/B33LOW?f=systemjs.config.js&p=preview

これは、個々のファイルをダウンロードする [ネットワーク] タブのスクリーンショットです。

もちろん、このセットアップでは、ファイルを個別に読み取るのではなく、個別に読み取るため、多くの個別の RxJS ファイルがダウンロードされます。.umd.js

ただし、他の AngularJS ファイルと同様に、単一の umd.js ファイルを使用しようとすると、次のエラーが発生します。

を使用しようとして失敗した plunker .umd.js、およびsystem.config.js

http://plnkr.co/edit/rVUNyz?p=preview&f=systemjs.config.js

systemjs.config.js

「rxjs」は「package」セクションをまったく使用していないようです。rxjsパッケージ内セクション の使用に違いはありません。

このプランカーを機能させるためだけに、マップセクションを次のように変更する必要がありますbundles

私の質問は、「Angular2 アプリケーションで Rx.umd.js を使用する方法はありますか?」です。