1. ホーム
  2. javascript

[解決済み] webpack で require 文を使わずにディレクトリ内のすべてのファイルを読み込む方法

2022-12-22 08:16:42

質問

私のアプリには、大量のjavascriptファイルが4つのサブディレクトリに分かれています。 gruntでは、それらすべてを取得し、1つのファイルにコンパイルします。これらのファイルにはmodule.exports関数がありません。

私はwebpackを使用し、それを4つの部分に分割したい。私は手動で行って、私のすべてのファイルを要求したくありません。

コンパイル時にディレクトリツリーを歩き、すべての.jsファイル名とパスを取得し、サブディレクトリ内のすべてのファイルをrequireして出力に追加するプラグインを作りたいと思います。

私は、各ディレクトリ内のすべてのファイルをモジュールにコンパイルして、エントリポイントファイルから要求するか、または、以下のアセットに含めることができるようにしたいです。 http://webpack.github.io/docs/plugins.html が言及するアセットに含めることができます。

新しいファイルを追加するとき、私はただ正しいディレクトリにそれをドロップして、それが含まれることを知りたいのです。

webpackでこれを行う方法、または誰かがこれを行うために書いたプラグインはありますか?

どのように解決するのですか?

これを実現するために私が行ったことです。

function requireAll(r) { r.keys().forEach(r); }
requireAll(require.context('./modules/', true, /\.js$/));