Webpackのプライベートクラスとパブリッククラスを区別する方法

Question

私はライブラリをパッケージ化するためにウェブパックを使用しています。 は、我々はこの方法で、複数のES6クラスを持っている：

/src/Lib.js

import HelperClass from './HelperClass.js'; 
class Lib { 
    method1() {...} 
} 

/src/HelperClass.js

WebPACKの作品と

class HelperClass { 
    doSth() {...} 
} 

包装、 LibとHelperClassを含むファイルlib.jsがvar Lib = ...となってしまいます。

webpackを使用してHelperClassをグローバルな名前空間から非表示にするにはどうすればいいですか？

UPDATE：

は、今私はhelperClassのをインポートする際の問題に実行していますよ！あなたのエントリポイントでエクスポートされたすべてのものを公開WebPACKのでライブラリを作成する場合は、他のすべてがある

[Error] TypeError: __WEBPACK_IMPORTED_MODULE_0__Helper_js___default.a.doSth is not a function. (In '__WEBPACK_IMPORTED_MODULE_0__Helper_js___default.a.doSth()', '__WEBPACK_IMPORTED_MODULE_0__Helper_js___default.a.doSth' is undefined) 
method1 (lib.js:92) 
Global Code (index.htm:6) 

Answer 1

：中

__WEBPACK_IMPORTED_MODULE_0__Helper_js___default.a.doSth(); 

結果：私は、サンプルプロジェクトhttps://github.com/benmarten/webpack_es6_test

にこの行をアップロード外部からはアクセスできませんが、コード内で使用できます。別のファイルから何かを使用する場合は、ファイルがまだモジュールなので、ファイルをエクスポートする必要があります。輸出があるからといって、それがグローバルになるというわけではありません。 webpack.config.jsで指定されたエントリのエクスポートのみが公開されます。

HelperClass.jsで輸出ヘルパー：

class Helper { 
    static doSth() { 
    console.log('helper:doSth'); 
    } 
} 

export default Helper; 

次にLib.jsでそれをインポートします。

import Helper from './HelperClass.js'; 

class Lib { 
    static method1() { 
    Helper.doSth(); 
    } 
} 

export default Lib; 

今すぐあなたのバンドルのデフォルトのエクスポートがLibクラスになると、あなたがすることなく、その中Helperを使用することができますそれを公開する。

Authoring Libraries Guidesもお読みください。