webpackにcssを読み込んでウェブサイトに挿入するための別々のローダーがあるのはなぜですか？

Question

なぜwebpackにはcss（css-loader）を読み込んでウェブサイト（スタイルローダー）に読み込むための別々のローダーがありますか？

スタイルローダーなしでcss-loaderを使用するシナリオを教えてください。

Answer 1

ローダーは最終的にページにスタイルを組み込むためのさまざまな方法の1つに過ぎません。たとえば、あなたがあなたのバンドルファイルとは別の.cssファイルを生成するためにExtractTextPluginを使用することができます。

module: { 
    rules: [ 
    { 
     test: /\.css$/, 
     use: ExtractTextPlugin.extract({ 
     use: ['css-loader'] 
     }) 
    } 
    ] 
}, 
plugins: [ 
    new ExtractTextPlugin({ 
    filename: 'app.css' 
    }) 
] 

これはあなたがFOUCを防ぐことができますので、あなたのバンドルの残りの部分とは別に、あなたのCSSをロードするための柔軟性を提供します。