問題タブ [umd]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

185 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
1 に答える
233 参照

javascript - Angular ウィンドウ注入

たとえば、必要に応じて webpack や他のモジュールバンドラーにバンドルされている場合に、グローバル (ウィンドウ) スコープに角度インスタンスが挿入されるのを防ぐことは可能ですか?

angular npmパッケージの現在のメインjavascriptファイルは次のとおりです。

私のwebpackエントリファイルの内容は次のとおりです。

したがって、webpack の主なタスクは変数がグローバル スコープに漏れるのを防ぐことですが、次のように Chrome DevTools で angular をログに記録しようとすると、次のようになります。

angularインスタンスが注入されていることがわかります。これを防ぐためのアイデアはありますか？

追加情報:
Angular.js バージョン - 1.6.0-rc.0
Webpack バージョン - 2.1.0-beta.27

アップデート。

0 投票する
1 に答える
305 参照

javascript - 角度ディレクティブの UMD パターン

npm で angular ディレクティブをオープンソース化しようとしていますが、そのための最も普遍的なパターンを考え出そうとしています。どうですか？3 つの質問があります。

  1. require('angular')角度変数が存在すると仮定しても安全ですか?
  2. angular.module私の定義ではandを呼び出す必要がありangular.directiveますか、それとも消費するアプリだけがこれを行うべきですか?
  3. AMD 環境ではこれが必要ですか、module.exportsまたはグローバルで十分ですか?
0 投票する
1 に答える
728 参照

angular - すべてのスクリプト ローダーでサポートできる angular2 ライブラリを作成する方法

他のアプリケーションで使用できる Angular 2 モジュールを含むが、実行時に中央サーバーから直接ロードされ、特定のアプリケーションのコードにバンドルされていない JavaScript ファイルを作成するにはどうすればよいですか?

これを Angular 2 ライブラリの CDN と考えてください。要件は、このライブラリのコンシューマーがページに 1 つのスクリプトを含めることです。

このように実装する必要があるため、ライブラリを個々のアプリケーションの出力ファイルにバンドルすることを提案する回答には興味がありません。ライブラリ スクリプトは、実行時にライブラリのサーバーから直接ロードする必要があります。

  • 一元化された Web アプリは CustomAuth と呼ばれます
  • CustomAuth には、Angular 2 モジュールが 1 つあり、CustomAuthModule
  • CustomAuthModule は、外部の Angular 2 アプリケーションで使用できるいくつかのサービスとコンポーネントを公開します。

これが目的のワークフローです (概要から)。

  • 開発者は、BookLibrary と呼ばれる Angular2 アプリケーションで CustomAuth を使用したいと考えています。
  • 開発者のインデックス ページで、 を指すスクリプト インクルードを追加しますhttp://server-url/CustomAuth/script。消費者は、systemjs や webpack などのモジュール ローダーについて何も知る必要はありません。
  • angular2 コードでは、CustomAuth モジュール (サービス、コンポーネントなど) からインポートします。
  • angular-cli を使用してアプリケーションをコンパイルすると、CustomAuth コードは含まれず、代わりに実行時にオンザフライでロードされると想定されます。

私はこれについて多くの調査を行ってきましたが、それを理解する運がありません。どんな助けでも大歓迎です。

0 投票する
1 に答える
188 参照

reactjs - 私のモジュールに反応がバンドルされないようにして、反応が2回存在できないようにします

に依存する npm パッケージを作成しています:

それらをピアの依存関係として追加しました。

webpack ビルドを作成し、アプリケーションにインポートする 'umd' モジュールを生成しました。

問題は、react-onclickoutside に依存するモジュールのコンポーネントが、2 つのReact の存在について不平を言うことです。

これは、切り替えてこのエラーを生成できるコードです。

これにより、次のエラーが発生します。

UMD モジュールを見ると、ピアの依存関係がバンドルされていることがわかります。これがおそらく、アプリケーションに 2 つの React がある理由です。

モジュールに React がバンドルされないようにする方法を教えてください。

0 投票する
1 に答える
1324 参照

reactjs - webpack umd モジュールの依存関係を管理する (または peerDependencies を作成する) 方法

Webpack を使用して UMD モジュールを作成しました。コンテンツ (圧縮なし) は次で始まります。

reactこのライブラリは、このライブラリ内のシグナル コンポーネントに依存しています: react-dom(react-onclickoutsideパッケージを介して)。

このライブラリを webpack でビルドし、プロジェクトで使用しようとすると。React の 2 つのコピーがバンドルされているというエラーが表示されます。

したがって、Umd モジュールとして何を期待しているかを知る必要があります。

React をビルドするのではなく、React をピアの依存関係にしたいのです。

reactこの umd モジュールのパラメーターとして表示する必要がありますか?

React アプリケーションから、このモジュールをロードするにはどうすればよいですか?

React を除外するにはどうすればよいですか? ドキュメントの例のほとんどを試しました。

0 投票する
2 に答える
35928 参照

javascript - ライブラリを webpack にバンドルするには?

フロントエンド ライブラリを作成したい。したがって、私はwebpackを使いたいです。私は特にcssと画像ローダーが好きです。ただし、webpack を使用している場合は、非 JS ファイルのみを要求できます。私はライブラリを構築しているので、私のライブラリのユーザーも構築することを保証できません。

すべてをUMDモジュールにバンドルして公開する方法はありますか? 複数のエントリ ポイントを使用してみましたが、モジュールを要求できません。

前もって感謝します

0 投票する
1 に答える
1157 参照

d3.js - Visual Studio Code を使用した @types/d3 のロールアップ

私のライブラリプロジェクトは...

  • タイプスクリプト
  • 巻き上げる
  • D3
  • @タイプ/d3

package.json ファイルには次の依存関係があります

私のrollup.config.jsファイルにはこれらのプラグインが構成されています...

ロールアップはそれをうまく構築します。ただし、エディターでは、VSCode は d3 シンボルにエラーを表示します。カーソルを合わせると、このエラーが表示されます...

[ts] 'd3' は UMD グローバルを参照していますが、現在のファイルはモジュールです。代わりにインポートを追加することを検討してください。

このインポートを追加して、エディターでエラーを解消できます。

ただし、ロールアップは失敗します...

「...」から「@types/d3」を解決できませんでした

そのエラーを表示しないようにvscodeを構成して、実際のエラーをかき消さないようにする方法はありますか?

ロールアップ プロジェクトで D3 タイプ定義を構成する別の方法はありますか?


12345678910