javascript - Webpack: 存在しないファイルを参照してローダーに置き換えます

Question

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

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

node_modules/bootstrap/js/dist/dropdown.js

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

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

import 'bootstrap/js/dist/dropdown.js.newextension';

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

{
  test: /\.newextension$/,
  use: [
    { loader: path.resolve('path-to-custom-loader.js') },
    'babel-loader'
  ]
}

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

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