インポートされていない（エクスポートされていない）ファイルをバンドルに含めて、webpackをゆっくりと統合する方法はありますか？

Question

私は私たちのワークフローにWebpackを統合したいプロジェクトで働いています。問題は、1000を超えるAngularJSファイルがあり、すべてのファイルにインポート/エクスポートを追加することはオプションではないということです。私たちは、すべてのファイルをバンドルして、時間の経過とともに各ファイルを処理する際に、インポート/エクスポートをゆっくりと組み込んでいきたいと考えています。

どのように問題にアプローチしますか？これを行う際の具体的なベストプラクティスはどれですか？

Answer 1

文字通り同じ問題がありました。基本的には、すべてのファイルに対してrequireを実行する「エントリーポイントファイル」を作成したいと思っています。これはwebpackがどのように動作するか（依存関係ツリーに従います）です。次に、これらの「エントリポイントファイル」でwebpackをポイントします。上記のリンクで

の例では、活字体を使用しますが、簡単にこのようES5を使用することができます。

# ./entry-points/feature1.js 
importAll = function(r) { 
    r.keys().forEach(r); 
}; 

importAll(require.context('./app/feature1', true, /module\.js$/)); 
importAll(require.context('./app/feature1', true, /(^(?!.*(spec|module)\.js).*\.js)$/)); 

あなたはObject.keyshere用ポリフィルをつかむと、Array.forEach` hereことができます。

は、このようなあなたのWebPACKの設定から、このファイルを指す：

entry: { 
    'feature1': './entry-points/feature1.js' 
} 

あなたはhere