Webpackで変数グローバルを作成する方法

Question

PolitespaceライブラリをWebpackプロジェクトにインポートしようとしています。 certain lineには、グローバルPolitespaceオブジェクトをwindowオブジェクトにアタッチしようとしました。これは、documentオブジェクトのイベントリスナーが正しく動作するために必要です。

しかしvendor.jsにimportを置くことによってWebPACKの中でこれをロードしようとしたとき、私はwがちょうどオブジェクトとして出てくることを見ている - のWebPACKは、別の変数を代入されるように思える、それはwindowに添付決してますように。

ファイルをコピー＆ペーストして（具体的には動作確認済み）を参照するように変更する以外に、グローバルプロパティをWindowに割り当てるライブラリをインポートする方法はありますか？

Answer 1

あなたはimports-loader

を使用することによってあなたは2通りの方法でそれを使用することができますことを行うことができます。いずれかのとき

require("imports-loader?this=>window!politespace");

かそこら（ドキュメントごとなど）

module.exports = { 
    ... 
    module: { 
     loaders: [ 
      { 
       test: require.resolve("some-module"), 
       loader: "imports-loader?this=>window" 
      } 
     ] 
    } 
}; 

よう webpack.config.jsでそれを設定することで、同じような何かを行うことによって、あなた require()ライブラリー