問題タブ [css-loader]

これは、スタイルのローダー構成です。

私のソースscssファイルには、これがあります：

次のエラーが表示されます。

モジュールの解析に失敗しました: /client/fonts/icomoon.svg?-cvpazo 予期しないトークン (1:0) このファイル タイプを処理するには、適切なローダーが必要な場合があります。

Webpack は font-face 宣言をロードできません。font-face を機能させるには、ここで何をする必要がありますか?

ExtractTextPlugin を使用して sass から単一の css ファイルを生成し、webpack ローダーを介したインポートを介して reactjs アプリ内で使用できるように webpack を構成しました。

sass ファイルの使用は、react コンポーネントの import ステートメントによって検出され、出力ファイルが生成されますが、生成される main.css ファイルは空であり、インポートは空のスタイル オブジェクトを返します。間違っている？

構造

Webpack 構成

navbar.scss

Navbar.js

症状

ローダーとインポート(もはや問題ではありません。以下の回答を参照してください)

1. console.log(styles) = オブジェクト {}

2. styles.navbar = 未定義

プラグイン

1. public/styles/main.css が空です(もはや問題ではありません。以下の回答を参照してください)

質問

1. Narbar.js にスタイルをインポートするときに、スタイルが空のオブジェクトになるのはなぜですか? 何を間違って設定しましたか? （私は解決策を見つけ、回答セクションで以下の回答を提供しました）
2. public/style/main.css が空なのはなぜですか? （私は解決策を見つけ、回答セクションで以下の回答を提供しました）

( http://webpack.github.io/docs/tutorials/getting-started/ )からの簡単な入門に従おうとしていました。style.css を読み込もうとすると、このエラーが発生します。

./entry.js モジュールのエラーが見つかりません: エラー: 「マイ コンピューターのプロジェクトへのパス」の「スタイル」を解決できません 重大な変更: ローダーを使用するときに「-loader」サフィックスを省略できなくなりました。「style」の代わりに「style-loader」を指定する必要があります。@ ./entry.js 1:0-22

何か案は ？

チュートリアルで説明されているように、mpm を使用して css-loader と style-loader をローカルにインストールしました。npm install css-loader スタイルローダー

インストール後に作成された node-modules フォルダーが表示されます。

そこでコードを実行しているJenkinsがNode.jsで古いバージョンを使用していることは知っていますが、それを更新する権限がありません。残念ながら、Node.js を更新することは私にとって選択肢ではありません。github、stackoverflow などに関するすべての提案を行いましたが、私のコードは Jenkins ビルドでまだ失敗しています。以下は、webpack.production.config.js の最初の行に追加したものです。

ここで、package.json に追加されたモジュール:

しかし、jenkinsビルドでまだ次のエラーが発生しています:

この段階で何をすべきか本当にわかりません。誰かが知っているなら、助けてください。