Men-debug dengan Blockly dan blockly-samples

Terkadang, saat mengembangkan plugin dalam contoh blockly, Anda harus membuat perubahan yang sesuai di Blockly itu sendiri. Sebagian besar plugin disiapkan untuk mengambil Blockly dari registry npm, sehingga Anda hanya dapat menggunakan kode yang telah dirilis di npm. Hal ini akan membuat proses debug perubahan Blockly Anda menjadi sulit. Jika ingin membuat dan menguji perubahan dalam sampel blockly dan blockly, Anda dapat menggunakan npm link untuk menguji perubahan yang belum dirilis secara bersamaan.

Anda dapat memberi tahu npm untuk menggunakan paket dari mesin Anda, bukan mengambil paket dari registry npm. Dengan metode ini, Anda akan memiliki akses ke peta sumber yang mempermudah proses debug. Anda dapat menggunakan metode ini dengan perubahan inti yang belum dikirim ke GitHub.

  1. Dalam fork of blockly Anda:

    $ npm run package
    $ cd dist
    $ npm link

    Langkah-langkah ini mem-build Blockly inti, mengemasnya, lalu membuat symlink ke file paket.

  2. Di fork blockly-samples Anda, di root:

    $ npm link blockly

    Langkah ini akan memberi tahu npm untuk mencari symlink yang Anda buat sebelumnya, bukan mengambil paket dari npm.

  3. npm run start dari direktori plugin untuk menguji plugin Anda.

Saat membuat perubahan di inti, Anda harus membangun ulang dan mengemasnya ulang.

Setelah selesai menguji, jalankan npm ci di level root blockly-samples untuk mereset status repositori Anda.