Webpack を使用して、require ステートメントを必要とせずにディレクトリ内のすべてのファイルをロードします

Question

アプリケーションの 4 つのサブディレクトリに多数の JavaScript ファイルが分散しています。 grunt では、それらをすべて収集し、1 つのファイルにコンパイルします。これらのファイルには module.exports 関数はありません。

webpackを使って4つに分割したいと思います。すべてのファイルを手動で参照したくありません。

コンパイル時にディレクトリ ツリーをたどってすべての .js ファイル名とパスを取得し、サブディレクトリ内のすべてのファイルを参照して出力に追加するプラグインを作成したいと考えています。

各ディレクトリ内のすべてのファイルをモジュールにコンパイルして、エントリ ファイルから参照したり、http://webpack.github.io/docs/plugins.html のリソースに記載されているように含めたりできるようにしたいと考えています。

新しいファイルが追加されたとき、それを正しいディレクトリに置き、それが含まれることを確認したいだけです。

Webpack または他の人が書いたプラグインを使用してこれを実現する方法はありますか?

Answer 1

私のアプリファイルには、最終的に require

を配置しました。 リーリー

この投稿に感謝します: https://github.com/webpack/webpack/issues/118

今、すべてのファイルが追加されています。 html と css のローダーがあり、正常に動作しているようです。

Answer 2

これを達成するために私がやったことは次のとおりです:

リーリー