1
00:00:02,270 --> 00:00:09,800
Untuk mendukung gambar, saya akan menginstal dulu dan sekarang mengemas ulang dengan npm install dash dash save.

2
00:00:09,810 --> 00:00:14,160
Def dan paket loader dasbor T U R L-nya.

3
00:00:14,240 --> 00:00:22,580
Ini adalah kematian loader yang membantu kami memuat aset seperti gambar ke dalam skrip kami atau ke dalam kode kami sehingga kami dapat

4
00:00:22,580 --> 00:00:23,140
menggunakannya.

5
00:00:23,150 --> 00:00:27,920
Baik Anda L jadi Anda L ke gambar ini misalnya.

6
00:00:27,990 --> 00:00:34,350
Sekarang mari kita kembali ke konflik halaman web dan setelah beberapa hari melihat kami sebagai uji loader di sini.

7
00:00:34,530 --> 00:00:43,480
Mari kita tambahkan yang baru di mana kita menguji untuk file gambar sekarang di sini file

8
00:00:43,480 --> 00:00:54,950
gambar diidentifikasi dengan persamaan backslash dot tanda kurung dolar dan kemudian G atau bentuk paket di mana sebenarnya E adalah opsional.

9
00:00:54,950 --> 00:00:56,480
Itu artinya ini.

10
00:00:56,480 --> 00:00:57,940
Atau gif.

11
00:00:58,000 --> 00:01:04,450
Jadi saya mencari file dengan ekstensi D untuk input untuk file seperti itu secara tepat dan kemudian saya

12
00:01:04,460 --> 00:01:08,800
ingin menerapkan loader yang merupakan loader dash U atau L seperti itu.

13
00:01:08,810 --> 00:01:11,680
Sekarang di sini kita dapat menambahkan beberapa opsi sebaris.

14
00:01:11,690 --> 00:01:15,020
Ini adalah dukungan halaman web tanpa sintaks yang juga ingin menunjukkan kepada Anda.

15
00:01:15,020 --> 00:01:20,150
Selain memberi nama loader, Anda dapat menambahkan tanda tanya setelahnya dan kemudian menentukan beberapa opsi di

16
00:01:20,260 --> 00:01:25,210
sini yang mengkonfigurasinya di loader dan di sana misalnya Anda dapat menetapkan batas dalam kilobyte.

17
00:01:25,210 --> 00:01:31,730
Jadi seberapa besar gambar yang harus dimuat dan kemudian juga pada dasarnya menambahkan path di mana ia

18
00:01:31,730 --> 00:01:33,660
harus disimpan di sini.

19
00:01:33,680 --> 00:01:39,860
Saya melakukan ini dengan nama yang disetel sama dengan gambar seperti nama Slash dalam tanda kurung.

20
00:01:39,860 --> 00:01:44,630
X dalam tanda kurung siku yang pada dasarnya membuat nama gambar tetap ke ekstensi tetapi cerita seperti

21
00:01:44,630 --> 00:01:49,280
dalam folder gambar di dalam distal yang lebih tua di mana semuanya akan disimpan pada akhirnya.

22
00:01:49,460 --> 00:01:51,960
Dan sekarang kita juga dapat memuat gambar.

23
00:01:52,160 --> 00:01:59,200
Nah, itu bagus, tapi ada satu hal penting yang hilang. Kita punya tim usia selanjutnya, saya akan jatuh di sini.

24
00:01:59,220 --> 00:02:06,270
Saat ini kami perlu menyuntikkan skrip dan gaya kami dan semuanya secara dinamis ke dalam file ini sehingga semua

25
00:02:06,270 --> 00:02:12,010
skrip kami diimpor untuk skrip yang dibundel dan semua gaya kami perlu disuntikkan di sana.

26
00:02:12,210 --> 00:02:15,150
Dan untuk itu kami membutuhkan sejumlah paket yang membantu kami.

27
00:02:15,810 --> 00:02:21,330
Jadi sekali lagi mari kita instal sesuatu mari kita instal dengan NPM install dash dasbor

28
00:02:21,330 --> 00:02:28,080
simpan kematian dan itu akan menjadi dasbor H ke Mal steker dasbor Westpac yang merupakan plug in kita dapat

29
00:02:28,350 --> 00:02:35,640
menyambungkan ke aliran Westpac kita untuk pada dasarnya menerapkan semua transformasi file ini dan kemudian ambil hasil dari semua transformasi palsu

30
00:02:35,760 --> 00:02:44,090
ini seperti ras yang dibundel dan gunakan stat dalam langkah transformasi lain yang lebih besar untuk menggunakan plugin yang harus kita impor di

31
00:02:44,090 --> 00:02:45,270
halaman web.

32
00:02:45,270 --> 00:02:49,650
Paket HD Himmel web con plug tebal terdengar seperti nama yang pas.

33
00:02:49,700 --> 00:02:55,610
Kami mengimpor dengan tidak ada sintaks di mana kami mengimpor plug Peg web H Tim Male seperti ini.

34
00:02:56,060 --> 00:03:03,500
Dan kemudian di sini di file konflik halaman web setelah modul di sini urutannya tidak masalah tapi jelas tidak

35
00:03:03,500 --> 00:03:04,930
di dalam modul.

36
00:03:04,940 --> 00:03:06,220
Itu yang penting.

37
00:03:06,350 --> 00:03:14,660
Anda menambahkan properti plugin dan itu adalah array plugin dan di sana Anda membuat laman web terbang seperti ini dengan

38
00:03:14,660 --> 00:03:19,380
kata kunci baru dan meneruskan objek ke sana untuk mengkonfigurasinya.

39
00:03:19,790 --> 00:03:25,820
Dan di sana kita dapat menentukan template misalnya template yang menunjuk pada file yang ingin kita gunakan

40
00:03:25,820 --> 00:03:26,790
sebagai basis.

41
00:03:27,080 --> 00:03:29,150
Dan itu nama hari dir.

42
00:03:29,180 --> 00:03:36,220
Variabel global yang menunjuk pada folder proyek saat ini ditambah indeks slash source slash HDL.

43
00:03:36,230 --> 00:03:42,290
Ini memberitahu pak web kami ingin menggunakan file email usia indeksnya di folder

44
00:03:42,290 --> 00:03:44,770
sumber sebagai titik awal kami.

45
00:03:44,810 --> 00:03:50,240
Sekarang kami juga ingin membuat file yang bernama index H Schimmel yang kami tentukan dengan opsi ini

46
00:03:50,840 --> 00:03:53,580
dan kami ingin menyuntikkan konten ke dalam tubuh.

47
00:03:53,630 --> 00:04:01,430
Katakanlah Anda juga bisa menggunakan kepala jika Anda ingin menyuntikkan semua impor di kepala dengan ini

48
00:04:01,430 --> 00:04:07,370
harus disalin ke folder dist di mana semua output kami disimpan juga.

49
00:04:07,550 --> 00:04:11,870
Dan sekarang saya akan mengatakan itu menarik untuk melihat opsi ini.

50
00:04:11,960 --> 00:04:18,120
Jadi dengan semua itu mari kita simpan dan mari kita jalankan NPM mulai dan lihat apa yang memberi kita.

51
00:04:18,170 --> 00:04:23,720
Dan di sini saya punya dua masalah untuk satu ahli default menolak itu adalah pengawasan sederhana dari

52
00:04:23,720 --> 00:04:24,510
sisi saya.

53
00:04:24,620 --> 00:04:31,360
Kita harus mengekspor kelas aplikasi di sini tentu saja di aplikasi J. S. karena saya membutuhkannya di index ya.

54
00:04:31,650 --> 00:04:36,740
Jadi jika saya simpan bahwa kita menyingkirkan itu tetapi saya juga mendapatkan kesalahan menambahkan file loader tidak

55
00:04:36,740 --> 00:04:38,300
ditemukan untuk impor gambar.

56
00:04:38,310 --> 00:04:43,510
Jadi ternyata pemuat URL semua tergantung pada pemuat angka yang hanya perlu

57
00:04:43,510 --> 00:04:52,570
menambahkan dengan dasbor dasbor yang diberikan disimpan F dan itu adalah pemuat file jadi mari kita instal paket tambahan ini dan

58
00:04:52,570 --> 00:04:55,470
kemudian berikan NPM mulai mencoba angka.

59
00:04:55,630 --> 00:05:02,440
Jadi mari kita jalankan mulai NPM lagi yang akan mempercepat server dev itu berjalan pada saat Anda adalah L

60
00:05:02,440 --> 00:05:09,490
dan sekarang saya tidak mendapatkan kesalahan yang jelas jika kita mengunjungi halaman ini saya tidak menemukan hebat yang saya bisa.

61
00:05:09,500 --> 00:05:12,260
Selain itu berfungsi meskipun ini tidak terlihat terlalu buruk

62
00:05:13,250 --> 00:05:15,380
Dan itu berfungsi dengan baik seperti yang Anda tahu.

63
00:05:15,700 --> 00:05:22,340
Saya dapat beralih di antara dua rute saya di sini dan semuanya berfungsi dalam komponen reaksi saya di sini sehingga

64
00:05:22,340 --> 00:05:30,220
saat ini alur kerja pengembangan kami harap dicatat bahwa pemuatan malas seperti yang kami gunakan di sini secara otomatis didukung dan diambil oleh Web

65
00:05:30,220 --> 00:05:33,970
pick tanpa perubahan apa pun yang dilakukan oleh kami .