ローダーは<a href="https://webpack.js.org/concepts/loaders/#loader-features" rel="nofollow noreferrer">docs</a>から時系列

Question

コンパイルされていません。

A chain of loaders are compiled chronologically. The first loader in a chain of loaders returns a value to the next.

はのは、例えば、次のWebPACKの設定を見てみましょう。

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

ドキュメントによれば、最初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 

私は何をしないのですか？私は時系列の正しい順序を断っていないのですか？ここで

Answer 1

がdocs

When multiple loaders are chained, it is important to remember that they are executed in reverse order -- either right to left or bottom to top depending on array format.

異なっている今では意味

を作ります