Cara Menambahkan CSS Pada React (External)

Pada tutorial sebelumnya, kita sudah belajar cara menambahkan sintaks CSS secara internal/inline pada React. Nah, bagaimana kalau kita ingin memisahkan sintaks CSS ke dalam file lain (external). Ada dua cara yang bisa digunakan, yang pertama yakni cara biasa, dimana kita buat dokumen CSS dan panggil dengan tag link dalam index.html. Cara yang kedua, menggunakan css-loader, cara yang kedua akan kita bahas pada artikel ini.

Pertama kita instal terlebih dahulu loader tools yakni css-loader dan style-loader npm install css-loader style-loader --save-dev.

Pada file webpack.config.js, kita tambahkan module loaders.

Sekarang pisahkan sintaks CSS ke dalam file style.css.

Kemudian pada dokumen React, kita panggil menggunakan perintah require.

Jalankan pada browser dengan webpack-dev-server.

Selesai! Mudah bukan.

21 Oktober 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat