[解決済み] 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$/));
関連
-
[解決済み] webpackのファイルローダーで画像ファイルを読み込む方法
-
[解決済み] Node.jsでディレクトリに存在するすべてのファイル名のリストを取得する方法は?
-
[解決済み] webpackでjQueryプラグインの依存関係を管理する
-
[解決済み] Webpackで静的ファイルをビルドディレクトリにコピーする方法は?
-
[解決済み】Grunt、NPM、Bowerの違い( package.json vs bower.json )
-
[解決済み] Webpackでベンダースクリプトを個別にバンドルし、必要に応じて要求する方法とは?
-
[解決済み] webpack を使ってディレクトリから画像を動的にインポートする
-
[解決済み] なぜ "use strict "はパフォーマンスを10倍向上させるのか?
-
[解決済み] JavaScriptを使用してHTML要素に属性を追加/更新するには?
-
[解決済み] webpackでCSSとJSを別々に生成することはできますか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 配列からオブジェクトを生成する
-
[解決済み] Google maps API V3 - 同一地点に複数のマーカーを設置する。
-
[解決済み] node.jsで文字列のsha1ハッシュを取得するにはどうすればよいですか?
-
[解決済み] 文字列がhtmlであるかどうかをチェックする
-
[解決済み] jQueryで入力ファイルが空かどうかをチェックする方法
-
[解決済み] JavaScriptで長い配列を小さい配列に分割する方法
-
[解決済み] Javascript の parseInt() で先頭のゼロを削除する。
-
[解決済み] javascriptでオプションのパラメータを扱う
-
[解決済み] JavaScriptとLuaの微妙な違い [終了しました]
-
[解決済み] JavaScript で `throw` の後に `return` をする必要がありますか?