Webpack 2ローダーは逆に宣言しましたか？

Question

webpack 2を使用しているときに、「使用：」キーを逆順に追加する必要があるのはなぜですか？それぞれのローダーを最初から最後まで、左から右へとリストアップしてみませんか？理由はありますか？

Answer 1

実行順序がソース順序と一致するように他の方法と同じように簡単にできますが、この「逆」順序を使用する理由はシーケンシャルモデルを使用していないためですが、ネストされたもの。タマネギのように、上/左の項目は下/右の項目をラップします。

理由は、彼らは基本的に通話機能しているということですので、この：

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

は「その後、スタイルローダー、CSS Loaderを行います」という意味ではありませんし、ちょうど後方宣言されています。代わりに、基本的にはstyle-loader(css-loader())に相当します。したがって、リストの下に行くと、後続の各ローダーはネストされた関数になります。

希望に役立ちます。