爲什麼webpack有單獨的加載器加載css並將其注入到網站？

Question

爲什麼webpack有單獨的加載器加載CSS（CSS加載程序）並將其注入網站（樣式加載程序），如果第一個沒有第二個是無用的？

你能指出一個我不使用style-loader的情況下使用css-loader嗎？

Answer 1

style-loader加載程序只是將您的樣式包含在頁面上的許多不同方法之一。例如，你可以使用ExtractTextPlugin從您的包文件生成一個.css文件分開：

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

這使您可以靈活地從包的其餘部分分開裝入你的CSS，這樣就可以防止FOUC。