Kegunaan CSS Loader yaitu agar 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.
Cara Penggunaan :
1. install style loader dan css loader melalui NPM, ketikkan perintah :
npm install style-loader css-loader --save-dev
css-loader : memproses berkas css
style-loader : merupakan loader yang digunakan untuk membuat styling dapat diterapkan secara modular menggunakan import statement.
style-loader : merupakan loader yang digunakan untuk membuat styling dapat diterapkan secara modular menggunakan import statement.
2. Menambahkan module.rules pada webpack.config.js
3. import berkas style.css kita kedalam index.js
import "./style/style.css";
4. maka proses instalasi dan penerapan css loader telah selesai , dengan begitu kita tidak perlu memakai <link> untuk import css pada berkas html kita , cukup dengan import module bundle yang telah terbundle css didalamnya
import "./style/style.css";
4. maka proses instalasi dan penerapan css loader telah selesai , dengan begitu kita tidak perlu memakai <link> untuk import css pada berkas html kita , cukup dengan import module bundle yang telah terbundle css didalamnya
0 Comments