Webpackを利用した場合の共通jsファイルの読み込みについて

Question

前提・実現したいこと

お世話になっております。

WebPackについて数日前から勉強している状態です。
以下のことを実現する場合具体的にどのように書けばいいのかが分かりません。

A.js というスクリプト全体を通して使う、独自で作った共通関数が記述されたファイルがあるとします。
B.js、C.jsではA.jsに記述された関数を使うスクリプトが存在します。

これらをWebPackを使って、1つのファイルにバンドル化するにはどのように記述すればいいのでしょうか？

ネットで調べるとjqueryを使った例の記述が多数出てきますが、全くピンときません。

具体的にこのような場合、webpackのconfigファイル等にはどのような記述をすればいいのでしょうか。

お手上げ状態のため、どなたかご教示いただけませんか。

Comments

[maisumakun]

B.jsやC.jsからA.jsの関数はどのように呼び出していますでしょうか。

[shori0128]

>maisumakun様　ご回答ありがとうございます。importで読み込んでいます。ただ、そもそもこの場合、B.js、C.js、それぞれでimportしなければいけないのでしょうか？1回でまとめてやる方法等はないですか？

[maisumakun]

はい、それぞれのファイルでimportしてください。出力ではA.jsは1つだけになります。

[shori0128]

>maisumakun様　ありがとうございました。解決しました。動作しなかった原因は別にありましたが、共通ファイルを1回でまとめてimportできないということが分かっただけでも勉強になりました。

Answer 1

自己解決しました。
根本的な原因はwebpackの設定ではなかったので、解決方法については割愛します。