問題タブ [webpack-5]

AngularJS(1.4.X) プロジェクトの既存の Ruby ベースのビルド システムを Webpack に移行しようとしています。プロジェクトコードはJSモジュールを使用しておらず、古い学校のAngularコードパターンを使用しています.Webpackがプロジェクト内のすべてのコントローラーとファクトリーファイルをどのように見つけるかわかりません.

フォルダ構造は、

エントリ ポイントで main.js を使用すると、ビルド フォルダーにコピーされますが、babel-loader を .js ルールに使用しても、他のファイルは Webpack によって処理されません。

私が考えることができる1つのオプションは、 https://www.npmjs.com/package/webpack-merge-and-include-globallyのようなものを使用して、他のすべてのファイルを別のバンドルファイルに使用すること ですが、存在するかどうかを知りたいですそれを行うためのより良い方法。

私の現在のwebpack構成は以下の通りです。

WebpackプラグインやAngularJSの戦略で提案されているようにソースコードを変更したくないので、おそらくWebpackは私にとって適切なソリューションではありません

私は、webpack を使用するプロジェクトを v4 から v5 にアップグレードする過程にあり、現在はすべてエラーなしでコンパイルされていますが (最小限の微調整の後)、出力形式がまったく異なることに気付きました。v4 では、次のような外部構造がありました。

現在 v5 では、次のような構造になっています。

プロジェクトで出力が使用されている特定の方法で問題が発生していると思います（具体的には、後者は呼び出されているようですが、前者は呼び出されていないようです）。

v5 でデフォルトの出力を変更した設定はありますか?

ドキュメントでoutput.iife(効果なし) などを見てみましたが、自分にぴったりのものが見つかりませんでした。明らかな何かが欠けていると確信しています。

アップデート：

@felixmoshの答えで、私はそこにたどり着きました。ラムダ構文の代わりに関数構文を使用することは現在一貫していますが、v5 バリアントは自己実行し、v4 はそうではなかったように見えるという問題がまだあります。

Webpack の開始サンプルに基づいて、GitHub に再現を追加しました: https://github.com/tlmii/webpack-v4-to-v5-example

特定のアセット タイプを取得し、それらを 1 つのファイルに統合するためのプラグインに取り組んでいます。アセットを持ち込んだエントリに基づいて、アセットをファイルに統合できるようにしたいと考えています。

望ましい結果は、a/b アセットを持つ 1 つのファイルと、c/d アセットを持つ別のファイルです。

アセットがどのエントリから来たかを判断する方法はありますか?

Webpackcompilation.processAssetsとcompliation.getAsset()は、どのエントリがどのアセットを持ち込んだかについて、あまりコンテキストを提供していないようです。

別のフックの場所からアセットを確認する必要がありますか? これを決定するためのチャンクまたはモジュールからでしょうか？どんな方向でも役に立ちます。

ありがとう！