require.contextでWebPACKの使用状況

1. 必要です。コンテキスト（ディレクトリ、useSubdirectories = falseを、REGEXP = /^\.\// ）

例：

必要。コンテキスト（"./test" 、偽、/\.test\.js$/ ）。

必要。コンテキスト（"../" 、真、/\.stories\.js$/ ）。

上院2.

  1.はあなたにカタログファイルを導入します

  2.あなたがディレクトリレベルの下のサブディレクトリを検索しますか

  3.一致するファイルをインポートします

3.返されました：

       1. context.requireはリターン機能が必要です。

関数webpackContext（REQ）{戻り__webpack_require __（webpackContextResolve（REQ））。

解決、キー、ID：関数は3つのプロパティを持っています

        ・解決：関数であり、彼はID解析されたモジュールを返します。

        ・キー：関数は、彼がコンテキスト・モジュールを解決することができ、すべての要求により、オブジェクトの配列を返しますです

        IDコンテキストモジュール：・ID

使用法：

constのページ= require.context（ 'ページ'、trueの場合、/\/.*\.js$/）

pages.keys（）マップ（キー=> {。 
  ）（key.includes（'/店舗/'）場合は返す！
  constのキー= key.replace（/(\.\/ | ''、\の.js）/グラムを）
  モジュール[keys.split（ '/'）。ポップ（）]ページ（キー）.DEFAULT = 
}）

輸出のデフォルトモジュールを

最後に、モジュールはに登録することができます