Cara Aman Edit Dependency Module

[adibite]

adibite ReactJS Dev Problem Solver VueJS Dev Angular Dev last edited by wayanjimmy

Sebelumnya saya menggunakan Gatsby dan ingin mengintegrasikan dengan netlify CMS namun ada kendala saat menggunakan library
gatsby-remark-relative-images dimana ini berfungsi mengubah relative path menjadi absolute path dari lokasi frontmatter filenya. Tapi plugin ini susah di integrasi dengan netlify CMS karena di netlify CMS ketika menyimpan file lokasinya path-nya media/target.jpg dimana si library tadi menganggap file tidak ada. Ternyata ini sudah ada di issue mereka dan telah ada yang bikin PRnya tapi belum di merge

Akhirnya saya pakai library https://github.com/ds300/patch-package untuk modifikasi untuk memodifikasi module agar bisa berfungsi lagi. Saya sesuaikan agar menggunakan regex untuk matching string path-nya dan setelah berhasil

yarn patch-package gatsby-remark-relative-images

Dan sekarang Bisa menambah media dari netlify CMS ke Gatsby js

[mazipan]

mazipan last edited by @adibite

@adibite wah hati-hati dengan pendekatan seperti ini.
Dari yang saya baca, ini kamu malah menambahkan another dependency buat manual patch dependency tersebut.
Cara seperti ini sebaiknya dihindari, meskipun bukan berarti tidak boleh.
Cara terbaik kalau adalah dengan set fix version pada dependency kita.

Katakanlah Gatsby baik-baik saja pada versi 1.2.0 namun kena issue di versi 1.3.0.
Maka kita tidak perlu upgrade ke 1.3.0, cukup set Gatsby di versi sebelumnya yang stabil.
Jangan tambahkan tanda ^ di sebelum versi, sehingga tidak akan mengambil versi terbaru secara tidak sengaja.

Inilah fungsi dependency management, kita bisa mendefinisikan versi berapa yang ingin kita pakai.
Tidak serta merta selalu ikut dengan release terbaru.

Semoga saya tidak salah tanggap.

[adibite]

adibite ReactJS Dev Problem Solver VueJS Dev Angular Dev last edited by @mazipan

@mazipan ini versi sebelumnya juga sama karena mereka beda algoritma buat match path jadi path dari Netlify CMS enggak akan kebaca, sebenarnya kalau sudah di merge tinggal hapus patch file trus yarn ulang. File module kereset ulang. Ini digunakan jika keadaan terpaksa aja kalau versi baru raise issue enggak perlu bikin patch cukup gunakan preview version ️

[wayanjimmy]

wayanjimmy last edited by wayanjimmy @mazipan

@mazipan terkait tanda ^, saya jadi ingat dulu pernah nyimpen ini