webpack - ローダーは時系列でコンパイルされません

Question

ドキュメントから：

一連のローダーが時系列にコンパイルされます。一連のローダーの最初のローダーは、次のローダーに値を返します。

たとえば、次の webpack 構成を見てみましょう。

  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          { loader: 'style-loader'},
          { loader: 'css-loader'}
        ]
      }
    ]
  }

docs によると、style-loader最初に実行され、次に出力がパイプされますcss-loader（時系列のため）。しかし、それはそれがどのように機能するかではありません。実際css-loaderには、最初にスタイルシートをロードし、結果をパイプstyle-loaderして、html ページに追加します。

ローダーの順序を変更すると、ビルド時にエラーが発生します。

 { loader: 'css-loader'},
 { loader: 'style-loader'}

エラー：

ERROR in ./src/style.css
Module build failed: Unknown word (5:1)

  3 | // load the styles
  4 | var content = require("!!./style.css");
> 5 | if(typeof content === 'string') content = [[module.id, content, '']];
    | ^
  6 | // Prepare cssTransformation
  7 | var transform;
  8 | 

 @ ./src/index.js 1:14-36

私は何が欠けていますか？時系列を正しく理解していないのでしょうか?