Webpackの理解：ローダーが2回定義されました

Question

GitHubの定型プロジェクトで、私はまだ理解していないWebpack設定の中に何かを見つけました。

次のローダーが同じテストで2回定義されているのはなぜですか？ そのうちの1つを削除すると、アプリケーションが期待どおりにレンダリングされません。あなたは、コントローラ用に設定{include, exclude}オプションを見れば

{ test: /\.css$/, include: path.resolve('./src/app'), loaders: [ 
     'style-loader', 
     'css-loader', 
     'postcss-loader' 
    ] 
    }, 
    { test: /\.css$/, exclude: path.resolve('./src/app'), loaders: [ 
     'style-loader', 
     'css-loader' 
    ] 
    }, 

Answer 1

、第一の構成は、他のすべてのための第二（node_modules/でベンダー、グローバルモジュール、他の経路）、あなたのソースに使用されます。

レジストリに公開されているソースが既にパッケージ化されており、パッケージの前処理の一部として変換されているため、これを行うのは、同じアプローチを適用して、私たちのパッケージはまだ開発中ですが、スクリプトを公開してください。

ここでは、ソースはPostCSSをターゲットとする構文と式を使用し、NPMを介して配布されたものは標準CSSとみなします。依存関係を解決し、それらをJSモジュールに変換するためにそれらを解析し、PostCSSパーサを完全にスキップします。