問題タブ [postcss-loader]

CSS バンドルからいくつかのメディア クエリを抽出しようとしていますが、残念ながらプラグインが機能していません。

これが私のpostcss.config.jsです

Postcss はそれがなくても問題なく動作します。少なくともエラーはありません

webpack.config.jsの一部です。正常に動作するため、ここで問題があるとは思えません

私のpackage.jsonの一部

なぜうまくいかないのか分かりますか？

更新:

次のように使用する場合、エラーはありません。

しかし、いくつかのオプションも設定する必要があるため、うまくいきません

@rails/webpackerでローカル フォント ファイルを読み込む際に問題が発生しています。フォントは開発環境に読み込まれますが、運用環境には読み込まれません。それは本当に単純な問題のように思えますが、私はそれでとても苦労しました。以下は私の @font-face コードです。私のフォントは app/assets/images/fonts に保存されています

アプリ > アセット > スタイルシート >config > _fonts.scss

プロダクション モードでフォント ファイルを取得すると、404 エラーが発生します。アセットをプリコンパイルすると、フォント ファイルのファイル名にハッシュが追加されていることがわかります。ブラウザーに配信される css ファイルでは、フォント ファイルへの URL は変更されません。これを修正するために、環境モジュールのルールでfile-loader、url-loader、resolve-url-loaderを使用しようとしましたが、まだ役に立ちませんでした。以下は、webpack構成ファイルでの私の試みです。

config > webpack > environment.js

どんな助けでも大歓迎です:)