Webpack：グローバル名前空間に機能を持ち、利用可能なファイルをインポートしますか？

Question

webpackを使用してファイルをインポートしようとしていますが、私は正常です。

import "../../lib/SampleFunctions.js";このサンプル関数内

がグローバル名前空間i..e

function CreateItem() 
{ 

}; 

function CreaturePack(inside) 
{ 

}; 

// constructor 
CreaturePack.prototype = Object.create(CreateItem.prototype); 

上で直接作成された多数の機能がありますが、問題はCreatePackまたはCreateItemは、グローバル名前空間では利用できないということです。

私は、私が公開したプラグインを使用してこの問題を解決することができthouhgt多分私はそれが間違って使用しています..しかし、私は

 {test: /SampleFunctions\.js$/, loader: 'expose?CreaturePack'}, 

次私は今CreateItemについてCreaturePackが、その空のオブジェクトと何を持っていましたか？

少し狂っている人は、誰でもこれを行う方法を知っています。私はインポート ".....ファイル"を使用することができますが、グローバルスコープで作成されたオブジェクトを持っていたい。 SomeFunctionsはサンプルであり、実際のファイルは非常に複雑なので、ES6モジュールを使用するようリファクタリングすることはできません。

グローバルネームスペース内にすべてを配置するローダーが他にもありますか？

私はそれを使用するいくつかのファイルを持っており、グローバル名前空間上でこれらの機能を期待しています。

Answer 1

代わりのexpose-loaderを使用して、あなたはexports-loaderを使用する必要があります。

Answer 2

@Martin：あなたの要求が正しく理解されていれば、 あなたのプロジェクトにはいくつかのグローバルオブジェクトを持たせたいと思っています。それは、Server_Name、Versionなどで構成されています。

もしそうなら、その共通モジュールをWebpack.config.jsの一番上にインポートして、それをいくつかのローカルオブジェクトに割り当て、それをの外部 Webpackのオブジェクトに入れることができます。

var CommonModule = require('./config'); 

module.exports = { 
........ 
    externals: { 
     'appConfig': JSON.stringify(CommonModule) 
    } 
........ 
} 

次に、さまざまなモジュール間でGLOBALを直接インポートできます。

import appConfig from 'appConfig';