問題タブ [webpack-loader]

fs.readFileSyncファイルシステムに存在するさまざまな JSON5 構成ファイルを読み取るために数回使用する Node スクリプトがあります。これらは、ENV 変数の特定の基準に基づいて、読み込まれ、結合され、操作され、追加されます。このファイルの出力は、module.exports.

Webpack ビルド プロセスを実行するたびにこのスクリプトを評価し、出力 JS オブジェクトをバンドルで使用できるようにしたいので、クライアントの React スクリプトを実行import { foo, bar } from 'config';すると、クライアント コードからこれらの値にアクセスできるようになります。

これはローダーが解決するもののように思えますが、私はそれらのどれも機能させることができませんでした.

Webpack のコンパイル時に Node スクリプトを評価し、そのエクスポートをコンパイル済みのクライアント コードで使用できるようにするにはどうすればよいですか?

Webpack がリソースを取得しようとする前に、Webpack でリソースのファイル パスを変換する方法はありますか?

私の JS モジュールはnode_modules、たとえば Bootstrap のドロップダウンなどから標準ライブラリをインポートする必要があります。

これらのライブラリを複製し、複製に対して変換を実行し、必要に応じて新しいファイルとして保存する可能性はありません。コンテンツの変換を行う Webpack ローダーがほとんどありますが、モジュールでそのようなファイルをマークするための一般的な方法が必要です。

そこで、モジュールに存在しない拡張機能を使用してそれらを参照することにしました。

次に、この拡張機能を次のように参照しwebpack.configます。

しかし Webpack はスローします:Module not found: Error: Can't resolve 'bootstrap/js/dist/dropdown.js.newextension'つまり.newextension、ローダーで切断して適切なファイルをフェッチし、変換を行う前に、ファイルをフェッチしようとします。

では、リソースをフェッチしてファイルへのパスを変換しようとする前に、Webpack のプロセスに入るにはどうすればよいでしょうか?

I'm trying to get the loader transformed content of files after a certain loader in a webpack plugin has done its job. This would usually be ideal for another loader, but I also need access to a hook that is called when the translation process is over (hence the choice for writing a plugin instead). Do I need a different hook than emit and what are the properties of the arguments that give access to the transformed file content?

I'm using webpack 3, but I should be able to translate from webpack 4 solutions.