私は、いくつかのファイルに分割された小さなライブラリに取り組んでいます(重み付けのため)。アイデアは、次のようなパッケージのファイルを要求することです。
const someStuff = require('lib/somestuff');
const someStuff = require('lib/somestuff');
ライブラリは、Web やノードなどの任意のプラットフォームで使用できる必要があります。このように、webpack + babel を使いたかったのです。
私が使用する webpack.conf ファイルは次のとおりです。
module.exports = {
mode: "production",
entry: entries,
output: {
library: "[name]",
libraryTarget: "umd",
globalObject: "typeof self !== 'undefined' ? self : this",
umdNamedDefine: true,
path: path.resolve(__dirname, "."),
filename: "[name].js"
}
};
現在のステータス
その時点から、webpack を実行すると、さまざまなファイルが適切に作成されます。
問題
モジュールから別のファイルを要求しようとすると、時々依存する必要があります
const someStuff = require('lib/somestuff');
そして別の機会に、私は使用しなければなりません:
const someStuff = require('lib/somestuff').default;
これは、ライブラリにとって実際には一貫していません。
すべての異なるサブモジュールに同じビルド構成を使用しているため、ここで何が起こっているのかよくわかりません。
何か考えはありますか?