webpack dapat memproses berkas selain JavaScript. Dengan adanya loader kita dapat menggunakan CSS sebagai modul dan ikut terbundel bersama berkas bundle.js. Sehingga kita tidak perlu lagi menerapkan tag <link> pada index.html.

Untuk menggunakan CSS modul pada webpack, kita membutuhkan dua buah loader:
1. css-loader = merupakan loader untuk memproses berkas dengan format .css
2. style-loader = merupakan loader yang digunakan untuk membuat styling dapat diterapkan secara modular dengan menggunakan import statement.

Perintah instal :

 "npm install style-loader css-loader --save-dev"

 setelah selesai buat file webpack.config.js

const path = require("path");

module.exports = {
    entry: "./src/index.js",
    output: {
        path: path.resolve(__dirname, "dist"),
        filename: "bundle.js"
    },
    mode: "production",
    module: {
        rules: [
            {
                test: /\.css$/,
                use: [
                    {
                        loader: "style-loader"
                    },
                    {
                        loader: "css-loader"
                    }
                ]
            }
        ]
    }
}