アクセス定義済みグローバル変数webpack

Question

WebpackでBlueimp Galleryを使用しようとしています。 Blueimpギャラリーはグローバル関数blueimpを定義します。通常、varを使用してギャラリーを作成することができますx = blueimp.Gallery(...);

しかし、私がwebpackを使用しているとき、blueimpオブジェクトは私から隠されています。

私が使用して私のメインのJSファイルにblueimpギャラリーをインポート：私はblueimpにアクセスしようとすると、例えば、

import 'blueimp-gallery/js/blueimp-gallery.min'; import 'blueimp-gallery/css/blueimp-gallery.min.css';

をconsole.log(blueimp);で、私が手：私はjQueryを使って行ったように私はおそらく、predefinationのローダーのいくつかの並べ替えが必要

Uncaught ReferenceError: blueimp is not defined

：

window.$ = window.jQuery = require("jquery"); 

とにWebPACKのコンフィグJS

new webpack.ProvidePlugin({ 
      $: "jquery", 
      jQuery: "jquery" 
     }) 

しかし、require(anything blueimp);および/またはProvidePluginをどのように設定しようとしても、blueimpは表示されません。

私には何が欠けていますか？

This questionは、完全にではなく、です。自分のモジュールを作成していないので、ダウンロードしたモジュールをnpmで使いたいです。

Answer 1

ウィンドウ内のすべての変数にアクセスします。試してください：

window.blueimp