DEV Community

Juan Angela Alma
Juan Angela Alma

Posted on

Menggunakan Absolute Import pada React JS

Langkah-langkah untuk mengkofigurasikan absolute import dengan Create React App tanpa menggunakan package lain

Apa keuntungan menggunakan Absolute import?
Anda dapat memindahkan kode yang ada ke komponen lain dengan import tanpa perubahan apa pun.
Anda dapat mudah mengidentifikasi dimana komponen anda berada
Clean code
Konfigurasi Absolute Import
Yang pertama anda lakukan adalah membuat file jsconfig.json pada root folder project anda. Kemudian tulis code dibawah ini pada file jsconfig.json

{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
}
Enter fullscreen mode Exit fullscreen mode
  1. Kemudian, rubah relative import anda menjadi absolute

Image description

Kode diatas akan berubah seperti di bawah ini

Image description

Restart project anda setelah melakukan konfigurasi agar mendapatkan hasil dari perubahan

Top comments (0)