⌘K

Tutorial Webpack 5

Un tutorial ușor de înțeles despre instrumentul de build Webpack cu teorie și sarcini pentru începători.

Bază

01

Principiul de funcționare al bundler-ului Webpack

02

Problema cu cache-ul în browsere

03

Webpack prin module ES în Webpack

04

Instalarea Webpack

05

Configurarea inițială a bundler-ului Webpack

06

Configurarea lansării build-ului Webpack

07

Compilare Test cu Webpack

08

Conectarea bundle-ului la markup în Webpack

09

Importul fișierelor în punctul de intrare în Webpack

10

Căi absolute în Webpack

11

Pluginuri în Webpack

12

Loadere în Webpack

Moduri de build

13

Tipuri de moduri de build în Webpack

14

Schimbarea modului de build în fișierul de configurare în Webpack

15

Moduri de build prin scripts în Webpack

16

Asamblarea automată în Webpack

Puncte de intrare-ieșire

17

Puncte de intrare și de ieșire în Webpack

18

Punctul de ieșire în Webpack

19

Mai multe puncte de intrare în Webpack

20

Hash în fișierul de build în Webpack

21

Numele punctelor de intrare în Webpack

22

Puncte de intrare numite ca matrice în Webpack

23

Numele fișierelor de build în Webpack

24

Numele și hash-ul fișierelor de build în Webpack

25

Calea către folderul de build în Webpack

26

Contextul punctelor de intrare în Webpack

Stiluri

27

Importul stilurilor CSS în Webpack

28

Încărcătoare pentru stiluri CSS în Webpack

29

Configurarea importului stilurilor CSS în Webpack

30

Testarea importului de stiluri CSS în Webpack

31

Configurarea asamblării CSS în bundle în Webpack

32

Testarea construcției CSS în bundle în Webpack

33

Numele fișierului bundle-ului CSS în Webpack

34

Hash CSS bundle în Webpack

35

Mai multe bundle-uri CSS în Webpack

36

Conectarea bibliotecilor CSS în Webpack

37

Lucrul cu LESS în Webpack

38

Lucrul cu SASS în Webpack

HTML

39

Lucrul cu layout-uri HTML în Webpack

40

Generarea layout-ului HTML în Webpack

41

Mai multe bundle-uri de scripturi în layout în Webpack

42

Bundle-uri de script cu hash în layout în Webpack

43

Pachetele de stiluri în layout în Webpack

44

Mai multe bundle-uri de stiluri în layout în Webpack

45

Fișierul propriu de layout în Webpack

Assets

46

Assets în Webpack

47

Assets în bundle-urile JavaScript în Webpack

48

Assets în bundle-urile CSS în Webpack

49

Personalizarea căii către fișierele asset în Webpack

50

Personalizarea căii către grupurile de assets în Webpack

51

Assets inline în Webpack

52

Source assets în Webpack

53

Assets generale în Webpack

Pluginuri

54

Curățarea directorului de build în Webpack

55

Copierea fișierelor în Webpack