1
00:00:02,310 --> 00:00:05,430
Untuk membiarkan halaman web melakukan tugasnya, kita bisa mulai dalam satu paket.

2
00:00:05,440 --> 00:00:12,710
Apakah Jason File ada di bagian skrip Anda dapat menambahkan skrip baru dan Anda dapat menggunakan start sebagai namanya.

3
00:00:12,720 --> 00:00:17,460
Ini adalah skrip yang dapat Anda picu dari baris perintah sesudahnya untuk membuka server

4
00:00:17,460 --> 00:00:19,590
pengembangan Anda atau membuat untuk produksi.

5
00:00:19,590 --> 00:00:25,080
Pada dasarnya apa yang Anda pecahkan untuk semua pada intinya adalah satu jam buat proyek aplikasi reaksi juga.

6
00:00:25,080 --> 00:00:29,550
Sekarang di sini untuk perintah untuk skrip mulai harus Dash paket web.

7
00:00:29,550 --> 00:00:35,850
Def dasbor server sehingga nama yang sama persis seperti yang kita miliki di sana dan penting bahwa Anda mendapatkan nama

8
00:00:35,850 --> 00:00:37,050
itu dengan benar.

9
00:00:37,050 --> 00:00:42,040
Disney end memberi tahu NPM untuk menggunakan paket ini dan menjalankannya.

10
00:00:42,120 --> 00:00:49,080
Dan ini pada dasarnya adalah paket yang dapat dieksekusi yang akan mempercepat server pengembangan kami dan juga

11
00:00:49,080 --> 00:00:51,210
mulai membangun file kami.

12
00:00:51,210 --> 00:00:58,010
Namun sama seperti ini tidak akan banyak membantu jika saya menjalankan NPM mulai sekarang yang memicu skrip ini.

13
00:00:58,110 --> 00:01:01,630
Kami memutar server tetapi kami mendapatkan kesalahan.

14
00:01:01,630 --> 00:01:07,870
Kami mendapatkan kesalahan bahwa saya harus menginstal segel web, jadi mari kita lakukan itu, mari kita semua instal.

15
00:01:08,010 --> 00:01:13,770
Kami telah menyelamatkan setengah dari web Seelye yang merupakan alat baru dari dunia Westpac yang pada akhirnya

16
00:01:13,770 --> 00:01:15,520
dibutuhkan untuk membangun proyek kami.

17
00:01:15,630 --> 00:01:21,320
Jadi mari kita instal itu dan setelah itu jalankan NPM mulai lagi dan lihat apa yang memberi kita.

18
00:01:21,440 --> 00:01:26,530
Dan seperti yang Anda lihat belum berhasil, tetapi juga memberi kami kesalahan.

19
00:01:26,550 --> 00:01:31,410
Masalahnya adalah halaman web benar-benar tidak tahu apa yang harus dilakukan dengan indeks kami.

20
00:01:31,520 --> 00:01:36,070
J. S. file dengan semua file input kami tidak mengerti sintaks di sana.

21
00:01:36,090 --> 00:01:40,680
Sintaks JSA X ini benar-benar tidak dikenal oleh Westpac.

22
00:01:40,680 --> 00:01:47,550
Jadi untuk membantu Peg web kita perlu membuat file konfigurasi halaman web file baru di sebelah paket

23
00:01:47,550 --> 00:01:50,950
Doug Jason yang seharusnya dinamai Web memilih konflik.

24
00:01:50,960 --> 00:01:55,440
J. S. Ini adalah nama file default yang akan dilihat pasak Web.

25
00:01:55,440 --> 00:02:02,460
Jadi file javascript ini pada akhirnya harus menyediakan konfigurasi untuk web pick yang dapat

26
00:02:02,520 --> 00:02:10,190
memahami dan kemudian menggunakannya untuk itu di sini kita harus menggunakan modul ekspor dan menunjuk objek javascript.

27
00:02:10,230 --> 00:02:18,480
Ini adalah simpul J. S. sintaks karena Peg web berjalan pada Node J. S. dan pada akhirnya itu hanya

28
00:02:18,480 --> 00:02:22,460
mengeksploitasi objek ini dari file ini dan ini harus menjadi objek konfigurasi kita.

29
00:02:22,470 --> 00:02:27,640
Sekarang Anda bisa mempelajari semua tentang pasak mana di halaman resmi wetback J. S. dot org.

30
00:02:27,840 --> 00:02:32,760
Di sana Anda dapat mempelajari semua tentang konfigurasi, semua tentang pengaturan yang dapat Anda miliki di file

31
00:02:32,790 --> 00:02:38,070
konflik halaman web Anda dan ini benar-benar tempat yang ingin Anda tuju jika Anda ingin menyelam dalam-dalam dan

32
00:02:38,070 --> 00:02:40,480
ingin menjadi master halaman web di sini.

33
00:02:40,560 --> 00:02:46,560
Saya hanya akan fokus pada dasar-dasar yang kita butuhkan untuk menjalankan ini dan mereka adalah salah satu hal paling

34
00:02:46,560 --> 00:02:52,830
penting yang perlu kita berikan dalam konfigurasi ini adalah titik masuk yang kita tahu di mana pasak di mana file itu

35
00:02:52,830 --> 00:02:58,530
harus dilihat pada awalnya karena apa yang akan dilakukan halaman web adalah itu akan memulai perjalanannya pada satu

36
00:02:58,890 --> 00:03:04,530
file kemudian melihat semua impor file ini dan melihat file-file ini juga dan kemudian bundel semua file ini

37
00:03:04,530 --> 00:03:05,980
untuk mengumpulkan pada akhirnya.

38
00:03:06,090 --> 00:03:12,330
Jadi kita perlu memberikannya titik masuk dan kita melakukan ini dengan opsi entri di sini yang mengambil

39
00:03:12,330 --> 00:03:19,320
string yang harus menunjuk pada slash source slash diindeks Js dan file kita karena dalam folder sumber file chars

40
00:03:19,320 --> 00:03:19,890
indeks.

41
00:03:19,890 --> 00:03:23,110
Itulah yang kami pilih untuk memulai perjalanannya.

42
00:03:23,130 --> 00:03:30,690
Sekarang kita juga perlu memberi tahu web pick tempat untuk meletakkan output yang dihasilkan dan untuk Dad kita menambahkan entri output

43
00:03:30,980 --> 00:03:37,470
yang dapat menjadi objek di mana kita dapat menemukan jalur di mana ia harus menulis outputnya untuk diingat

44
00:03:37,500 --> 00:03:41,130
bahwa halaman web akan menggabungkan semua JavaScript file bersama.

45
00:03:41,220 --> 00:03:47,220
Jadi kita juga harus mendefinisikan kunci nama file di sini dan memastikan Anda mendapatkan kunci-kunci ini ditulis dengan

46
00:03:47,520 --> 00:03:50,580
benar karena halaman web akan mencari nama-nama spesifik ini.

47
00:03:50,820 --> 00:03:59,140
Di sini saya akan memberi nama bundel file J. S. dan kita juga bisa menambahkan jalur publik yang seharusnya berupa string kosong.

48
00:03:59,160 --> 00:04:06,660
Sekarang mari kita kembali ke path path seharusnya menunjuk ke folder di mana kita ingin menyimpan output

49
00:04:06,750 --> 00:04:13,130
yang kita hasilkan dan untuk semua hal dengan sintaksis ini yang mungkin terlihat aneh.

50
00:04:13,170 --> 00:04:17,780
Ini adalah catatan sintaks impor JSA dan karena Peg web berjalan pada kesempatan.

51
00:04:17,790 --> 00:04:22,860
Kita harus menggunakannya dan dengan itu kita mengimpor paket yang bukan bagian dari peluang itu sendiri.

52
00:04:22,860 --> 00:04:24,480
Jadi kita tidak perlu menginstal ini.

53
00:04:24,480 --> 00:04:31,620
Itu sudah ada di sana dengan instalasi tanpa pengejaran kami paket puff membantu kami bekerja dengan

54
00:04:31,620 --> 00:04:39,330
Pops dan misalnya itu memungkinkan kita untuk membangun path absolut karena properti path ini di sini memerlukan path

55
00:04:39,330 --> 00:04:43,660
absolut ke tempat di mana file output harus ditulis.

56
00:04:43,680 --> 00:04:50,220
Untuk Ayah, kita dapat menggunakan tekad Poth untuk membangun jalur absolut dan kemudian menggunakan variabel global khusus

57
00:04:50,220 --> 00:04:55,730
yang tersedia di dalam skrip tanpa jejak yang menggarisbawahi nama direktori garis bawah.

58
00:04:55,740 --> 00:05:00,020
Ini hanyalah jalur absolut ke folder ini.

59
00:05:00,030 --> 00:05:07,080
File ini hidup dan kemudian kita gabungkan ini dengan dist untuk memberi tahu webpage bahwa file JS ini dibundel.

60
00:05:07,080 --> 00:05:12,160
Jadi semua kode yang dibundel harus ditulis ke folder dist di dalam folder proyek kami.

61
00:05:12,170 --> 00:05:18,070
Itu pada akhirnya apa yang kami katakan di sini sekarang selain bahwa ada dua pengaturan rata-rata yang

62
00:05:18,130 --> 00:05:24,970
ingin saya tambahkan satu ke alat kematian tidak mengontrol bagaimana peta sumber dihasilkan yang membantu kami dengan debugging ketika kami

63
00:05:24,970 --> 00:05:29,340
menjalankan kode kami di browser sehingga kami dapat debug kode asli kami.

64
00:05:29,350 --> 00:05:34,150
Robert kemudian membundel dan mengoptimalkan serta mentransformasikan kode.

65
00:05:34,210 --> 00:05:40,900
Dan di sini saya akan menggunakan modul dasbor murah dasbor sumber dasbor jahat sumber simpanan yang merupakan cara tertentu untuk menghasilkan

66
00:05:40,900 --> 00:05:42,700
peta sumber yang cukup baik.

67
00:05:42,700 --> 00:05:44,180
Ada beberapa opsi di sini.

68
00:05:44,200 --> 00:05:49,150
Dan jika Anda ingin mempelajari semua itu seperti yang disebutkan Anda dokumen resmi adalah tempat untuk pergi.

69
00:05:50,210 --> 00:05:55,760
Ketika semua yang kita tambahkan di sini adalah tombol mode dan saya akan mengatur ini untuk pengembangan.

70
00:05:55,790 --> 00:06:00,550
Ini hanya memberi tahu di mana Peg apakah harus menerapkan optimasi tertentu atau tidak.

71
00:06:00,590 --> 00:06:07,730
Dan dalam pengembangannya melakukan beberapa optimasi yang membuat debugging lebih mudah tetapi tidak menyusutkan kode kami

72
00:06:07,760 --> 00:06:13,820
sebanyak mungkin yang nantinya akan berubah setelah kami juga menyediakan file konfigurasi produksi.

73
00:06:14,090 --> 00:06:20,900
Dengan itu kami memiliki konfigurasi yang memberi tahu paket web cara membaca file kami dan ke mana harus

74
00:06:20,900 --> 00:06:27,260
menulis outputnya tetapi halaman web masih akan mengalami masalah dengan misalnya ini adalah kode X dan

75
00:06:27,380 --> 00:06:30,140
juga memiliki fitur javascript gen berikutnya.

76
00:06:30,140 --> 00:06:37,040
Jadi dalam kuliah berikutnya kita akan melihat bagaimana kita bisa mengajarkan web pick bagaimana bekerja dengan fitur sintaksis

77
00:06:37,100 --> 00:06:39,050
tertentu mengirim file tertentu.