Untuk membiarkan halaman web melakukan tugasnya, kita bisa mulai dalam satu paket.
Apakah Jason File ada di bagian skrip Anda dapat menambahkan skrip baru dan Anda dapat menggunakan start sebagai namanya.
Ini adalah skrip yang dapat Anda picu dari baris perintah sesudahnya untuk membuka server
pengembangan Anda atau membuat untuk produksi.
Pada dasarnya apa yang Anda pecahkan untuk semua pada intinya adalah satu jam buat proyek aplikasi reaksi juga.
Sekarang di sini untuk perintah untuk skrip mulai harus Dash paket web.
Def dasbor server sehingga nama yang sama persis seperti yang kita miliki di sana dan penting bahwa Anda mendapatkan nama
itu dengan benar.
Disney end memberi tahu NPM untuk menggunakan paket ini dan menjalankannya.
Dan ini pada dasarnya adalah paket yang dapat dieksekusi yang akan mempercepat server pengembangan kami dan juga
mulai membangun file kami.
Namun sama seperti ini tidak akan banyak membantu jika saya menjalankan NPM mulai sekarang yang memicu skrip ini.
Kami memutar server tetapi kami mendapatkan kesalahan.
Kami mendapatkan kesalahan bahwa saya harus menginstal segel web, jadi mari kita lakukan itu, mari kita semua instal.
Kami telah menyelamatkan setengah dari web Seelye yang merupakan alat baru dari dunia Westpac yang pada akhirnya
dibutuhkan untuk membangun proyek kami.
Jadi mari kita instal itu dan setelah itu jalankan NPM mulai lagi dan lihat apa yang memberi kita.
Dan seperti yang Anda lihat belum berhasil, tetapi juga memberi kami kesalahan.
Masalahnya adalah halaman web benar-benar tidak tahu apa yang harus dilakukan dengan indeks kami.
J. S. file dengan semua file input kami tidak mengerti sintaks di sana.
Sintaks JSA X ini benar-benar tidak dikenal oleh Westpac.
Jadi untuk membantu Peg web kita perlu membuat file konfigurasi halaman web file baru di sebelah paket
Doug Jason yang seharusnya dinamai Web memilih konflik.
J. S. Ini adalah nama file default yang akan dilihat pasak Web.
Jadi file javascript ini pada akhirnya harus menyediakan konfigurasi untuk web pick yang dapat
memahami dan kemudian menggunakannya untuk itu di sini kita harus menggunakan modul ekspor dan menunjuk objek javascript.
Ini adalah simpul J. S. sintaks karena Peg web berjalan pada Node J. S. dan pada akhirnya itu hanya
mengeksploitasi objek ini dari file ini dan ini harus menjadi objek konfigurasi kita.
Sekarang Anda bisa mempelajari semua tentang pasak mana di halaman resmi wetback J. S. dot org.
Di sana Anda dapat mempelajari semua tentang konfigurasi, semua tentang pengaturan yang dapat Anda miliki di file
konflik halaman web Anda dan ini benar-benar tempat yang ingin Anda tuju jika Anda ingin menyelam dalam-dalam dan
ingin menjadi master halaman web di sini.
Saya hanya akan fokus pada dasar-dasar yang kita butuhkan untuk menjalankan ini dan mereka adalah salah satu hal paling
penting yang perlu kita berikan dalam konfigurasi ini adalah titik masuk yang kita tahu di mana pasak di mana file itu
harus dilihat pada awalnya karena apa yang akan dilakukan halaman web adalah itu akan memulai perjalanannya pada satu
file kemudian melihat semua impor file ini dan melihat file-file ini juga dan kemudian bundel semua file ini
untuk mengumpulkan pada akhirnya.
Jadi kita perlu memberikannya titik masuk dan kita melakukan ini dengan opsi entri di sini yang mengambil
string yang harus menunjuk pada slash source slash diindeks Js dan file kita karena dalam folder sumber file chars
indeks.
Itulah yang kami pilih untuk memulai perjalanannya.
Sekarang kita juga perlu memberi tahu web pick tempat untuk meletakkan output yang dihasilkan dan untuk Dad kita menambahkan entri output
yang dapat menjadi objek di mana kita dapat menemukan jalur di mana ia harus menulis outputnya untuk diingat
bahwa halaman web akan menggabungkan semua JavaScript file bersama.
Jadi kita juga harus mendefinisikan kunci nama file di sini dan memastikan Anda mendapatkan kunci-kunci ini ditulis dengan
benar karena halaman web akan mencari nama-nama spesifik ini.
Di sini saya akan memberi nama bundel file J. S. dan kita juga bisa menambahkan jalur publik yang seharusnya berupa string kosong.
Sekarang mari kita kembali ke path path seharusnya menunjuk ke folder di mana kita ingin menyimpan output
yang kita hasilkan dan untuk semua hal dengan sintaksis ini yang mungkin terlihat aneh.
Ini adalah catatan sintaks impor JSA dan karena Peg web berjalan pada kesempatan.
Kita harus menggunakannya dan dengan itu kita mengimpor paket yang bukan bagian dari peluang itu sendiri.
Jadi kita tidak perlu menginstal ini.
Itu sudah ada di sana dengan instalasi tanpa pengejaran kami paket puff membantu kami bekerja dengan
Pops dan misalnya itu memungkinkan kita untuk membangun path absolut karena properti path ini di sini memerlukan path
absolut ke tempat di mana file output harus ditulis.
Untuk Ayah, kita dapat menggunakan tekad Poth untuk membangun jalur absolut dan kemudian menggunakan variabel global khusus
yang tersedia di dalam skrip tanpa jejak yang menggarisbawahi nama direktori garis bawah.
Ini hanyalah jalur absolut ke folder ini.
File ini hidup dan kemudian kita gabungkan ini dengan dist untuk memberi tahu webpage bahwa file JS ini dibundel.
Jadi semua kode yang dibundel harus ditulis ke folder dist di dalam folder proyek kami.
Itu pada akhirnya apa yang kami katakan di sini sekarang selain bahwa ada dua pengaturan rata-rata yang
ingin saya tambahkan satu ke alat kematian tidak mengontrol bagaimana peta sumber dihasilkan yang membantu kami dengan debugging ketika kami
menjalankan kode kami di browser sehingga kami dapat debug kode asli kami.
Robert kemudian membundel dan mengoptimalkan serta mentransformasikan kode.
Dan di sini saya akan menggunakan modul dasbor murah dasbor sumber dasbor jahat sumber simpanan yang merupakan cara tertentu untuk menghasilkan
peta sumber yang cukup baik.
Ada beberapa opsi di sini.
Dan jika Anda ingin mempelajari semua itu seperti yang disebutkan Anda dokumen resmi adalah tempat untuk pergi.
Ketika semua yang kita tambahkan di sini adalah tombol mode dan saya akan mengatur ini untuk pengembangan.
Ini hanya memberi tahu di mana Peg apakah harus menerapkan optimasi tertentu atau tidak.
Dan dalam pengembangannya melakukan beberapa optimasi yang membuat debugging lebih mudah tetapi tidak menyusutkan kode kami
sebanyak mungkin yang nantinya akan berubah setelah kami juga menyediakan file konfigurasi produksi.
Dengan itu kami memiliki konfigurasi yang memberi tahu paket web cara membaca file kami dan ke mana harus
menulis outputnya tetapi halaman web masih akan mengalami masalah dengan misalnya ini adalah kode X dan
juga memiliki fitur javascript gen berikutnya.
Jadi dalam kuliah berikutnya kita akan melihat bagaimana kita bisa mengajarkan web pick bagaimana bekerja dengan fitur sintaksis
tertentu mengirim file tertentu.