問題タブ [webpack-html-loader]

Rails が提供する AngularJS (v.1.7) アプリがあります。Sprockets から Webpack に移行しました。Jasmine テストを Jest に移行しようとしているとき。html-loaderディレクティブ テンプレートをディレクティブにインポートするために使用しているときに問題が発生しました。

テンプレートをインポートする 1 つの単純なディレクティブのhtml-loader場合、エラーで失敗するため、Jest はテストのロードに失敗します。

私はこの SO 投稿とこの npm パッケージ html-loader-jest の推奨事項に従っていました。私のでは、次の構成package.jsonを追加しましたjest

そしてサポートファイル

html-loaderスタックトレースは（node_modulesから）私を指しています

Jest の実行中にここをトレースすると、loaderContext(エラー レポートとして) これが未定義であることがわかります。

私の質問は...これはこれを使用する正しい方法htmlLoaderですか? もしそうなら、私は何になると期待すべきloaderContextですか？その価値を提供するために冗談を言う方法はありますか? または、これはhtmlLoader、実際の Webpack パイプラインの外部で呼び出されるはずの方法ではありません。

この問題は、経由で実行しているときにのみ発生しjestます。 webpackアプリのすべてのアセットを適切にコンパイルします。

ライブラリのバージョン

コード（わかりやすくするため）

プロジェクトを webpack しようとすると、このエラー<link rel=stylesheet href=[object Object]>my expected output for CSS styles が 表示されます./styles.css。私はwebpackを初めて使用します。この問題を解決するために誰か助けてください。前もって感謝します。

ここに私が取り組んでいる私のファイルがあります：

webpack.config.common.js

Index.js ファイル

webpack.config.prod.js

インストールしたプラグインのリスト:

よろしくお願いします

バージョン 1.0.0 の Webpack のhtml-loaderでは、 (変更ログによると)interpolateを支持して、このオプションは非推奨になりましたpreprocessor。interpolateES6 テンプレート文字列の補間構文が有効になり、次のように html ファイル内に他の html パーシャルをインポートできるようになりました。

<div>${require('./components/gallery.html')}</div>

これは、いくつかのスタック オーバーフローがこの解決策を示唆していたため、html-loader を使用して html パーシャルを実装するための事実上の方法でした。

ただし、そのフラグは廃止されたので、preprocessorオプションを使用してこれを有効にする方法を理解するのに苦労しています。彼らの github ページの例にはハンドルバーの実装が付属していますが、以前のバージョンではこれは必要ありませんでしたrequire。

最新バージョンの html-loader を使用して、この html パーシャル設定を複製できた人はいますか?