Kami ingin memastikan bahwa Westpac memahami javascript generasi berikutnya sehingga kami dapat menggunakan fitur javascript modern dalam
kode kami dan tetap mengirimkan kode yang benar-benar berjalan di browser lama juga.
Dan selain itu kami juga ingin memastikan bahwa sintaks reaksi ini dipahami bahwa j ini adalah X
dan teks dipahami.
Sekarang untuk itu kita perlu menginstal paket tambahan tertentu yang berfungsi untuk berkumpul dengan Westpac atau yang dapat digunakan
dalam alur kerja halaman web kita.
Dan itu Babel yang Anda instal dengan npm instal dasbor,
simpan maut dan kemudian di Babel inti yang kami butuhkan juga di dasbor garis miring Babel dan pada dasbor garis miring Babel bereaksi pada dasbor panggung
dasbor garis miring ke dan meskipun Babel loader di samping juga di lereng Babel plug in dasbor properti dasbor kelas
dasbor.
Jadi banyak yang harus ditulis dan pastikan Anda mendapatkan semuanya ditulis dengan benar kesalahan ketik tidak masalah di sini sudah mati mari kita
tekan enter dan tentu saja saya akan menjelaskan apa yang kami instal di sini sebentar lagi.
Jadi sekarang kita menginstal banyak paket di sini yang pada akhirnya akan
membantu kita mengubah kode javascript kita Babel pada akhirnya adalah proyek pihak ketiga dan pustaka yang melatih tumpukan kode javascript kode
javascript modern ke kode yang juga berjalan di browser lama dan misalnya juga dengan preset
yang tepat diinstal J. S. kode ex menjadi kode javascript biasa
dan itu sebabnya saya menginstal semua preset ini pada akhirnya mereka memberi tahu Babel fitur mana yang dimengerti dan dapat dikompilasi.
Sekarang bagaimana kita menggunakan Babel maka mari kita kembali ke file konflik halaman web dan di sana
Anda perlu menambahkan modul item konfigurasi baru.
Ini adalah objek javascript di mana Anda memiliki array aturan.
Sekarang di sini Anda dapat mengatur aturan tertentu yang berlaku untuk file tertentu.
Setiap aturan adalah objek di mana Anda memiliki properti pengujian di mana Anda memiliki ekspresi reguler yang menentukan file
mana yang harus dipengaruhi oleh aturan itu.
Dan di sini saya ingin mempengaruhi semua file yang diakhiri dengan dot J. S ..
Itulah ungkapan reguler untuk ini.
Jadi file apa pun yang berakhir dengan DOT J. S. akan terpengaruh olehnya sebagai suatu peraturan.
Jadi sekarang kita tahu file mana yang harus terpengaruh.
Kita perlu menentukan apa yang disebut loader.
Ini memberi tahu webpage alat mana yang mengambil alih untuk file ini dan di sini saya ingin menggunakan Babel loader
yang ditentukan sebagai string.
Ini adalah paket babel loader yang kami pasang di sini.
Ini pada dasarnya adalah web Peg plug in Anda bisa mengatakan yang tahu cara menangani file JavaScript dan di mana
Peg dan yang berfungsi untuk berkumpul dengan Westpac untuk mengubah file JavaScript.
Sekarang saya juga ingin menambahkan kunci kecualikan di sini dan mengecualikan apa pun dalam modul simpul karena saya jelas tidak ingin
mencoba mengubah kode apa pun di sana.
Kode ini harus dikirimkan karena siap digunakan dan saya tidak ingin menyentuhnya.
Jadi sekarang kita memberi tahu Babel untuk melihat semua file JavaScript dan melakukan hal tersebut.
Pertanyaannya adalah apa masalahnya.
Apa yang bisa dilakukan Babel dengan itu.
Untuk itu kami menambahkan file baru ke proyek file dot Babel r c.
Ini adalah file konfigurasi.
Babel akan secara otomatis mencari di mana kita dapat mengkonfigurasi bagaimana Babel berperilaku di sana.
Kami hanya menulis beberapa kode Jason jadi kami telah membungkus kurung kurawal dan kemudian kunci preset yang harus dibungkus dengan tanda
kutip ganda bukan tanda kutip tunggal tidak ada tanda kutip itu harus tanda kutip ganda dan ini memegang array.
Di sini Anda menentukan semua preset yang preset Babel yang ingin Anda terapkan pada kode Anda.
Jadi di sini Anda untuk menemukan Babel harus menangani file JavaScript di Babel R untuk melihat Anda menemukan apa
yang Babel lakukan atau apa yang mampu dilakukannya dengan file-file ini sekarang.
Setiap preset itu sendiri adalah sebuah array sehingga array India di mana Anda hanya memiliki nama preset
misalnya di Babel slash preset dot end dan kemudian konfigurasi untuk preset itu.
Jadi di sini misalnya diatur.
Cert stat halus.
Next Gen Fitur-fitur bagus Java dikompilasi ke JavaScript gen lama dalam opsi di sini.
Kita dapat menentukan kunci target di mana kita memberi tahu Babel untuk browser mana ia harus mengkompilasi
target mengambil browser adalah kunci dalam objeknya dan ini adalah array dengan misalnya penyembah Q Q yang lebih besar yang hilang 1 persen.
Sekarang sintaks yang tepat yang dapat Anda gunakan di sini dapat dilihat dalam preset dan dokumen Babel.
Jadi, jika Anda mencari google di Babel preset berakhir di sana Anda dapat memeriksa konfigurasi daftar browser dan kemudian di sana
jika Anda mengklik browser seperti sumber konflik Anda akan menemukan paket yang digunakan Babel di bawah tenda dan sementara
Anda dapat menentukan browser yang didukung di akhiri apa yang saya lakukan di sini adalah saya memberi
tahu Babel tolong kompilasi kode saya sehingga berfungsi di browser D browser yang memiliki pangsa pasar
lebih besar 1 persen dan 2 kata terakhir dari setiap browser harus didukung.
Nah, itu satu imam yang ingin saya gunakan.
Saya juga memiliki sejumlah preset sehingga dalam preset ini saya menulis.
Tetapi di luar array pertama saya tambahkan di Babel preset bereaksi.
Kita bisa menambahkannya sebagai bagian dari array bersarang seperti yang kita lakukan di sini tapi saya tidak perlu memberikan
konfigurasi khusus untuk itu dan dalam hal ini Anda bisa menambahkan string ke array preset ini seperti ini.
Dan kemudian di sini selain preset saya juga akan menambahkan plug ins plug ins memungkinkan Anda untuk menambahkan pertimbangan ekstra atau perilaku
ekstra dan di sana.
Saya punya satu plug di mana saya ingin menambahkan di Babel slash plug in properti proposisi kelas dasbor proposal.
Apakah kontrol untuk kesalahan Babel sintaks yang keluar atau sintaks yang didukungnya.
Di sini saya ingin mendukung beberapa sintaks javascript yang sedang dalam tahap proposal saat ini dan
belum didukung secara resmi.
Jadi jika Ayah mengkonfigurasi Babel dan sekarang Babel mampu melakukan sesuatu dengan file JavaScript kami.
Sayangnya kami belum selesai.
Masih ada lagi yang harus kita tambahkan untuk benar-benar membangun proyek kita karena misalnya
semua mengimpor dari file CSX dan dalam komponen saya di sini saya juga menggunakan modul CSX sehingga semua harus
didukung.
Jadi mari kita lanjutkan dengan itu.