⌘K

Hướng dẫn Webpack 5

Hướng dẫn dễ hiểu về công cụ đóng gói Webpack với lý thuyết và bài tập cho người mới bắt đầu.

Cơ bản

01

Nguyên lý hoạt động của Webpack

02

Vấn đề bộ nhớ đệm trong trình duyệt

03

Webpack thông qua ES modules trong Webpack

04

Cài đặt Webpack

05

Thiết lập cấu hình ban đầu cho Webpack

06

Cấu hình khởi chạy Build Webpack

07

Build Kiểm thử bằng Webpack

08

Kết nối bundle với HTML trong Webpack

09

Nhập khẩu tệp vào điểm đầu vào trong Webpack

10

Đường dẫn tuyệt đối trong Webpack

11

Các Plugin trong Webpack

12

Loader trong Webpack

Chế độ build

13

Các Loại Chế Độ Build trong Webpack

14

Thay đổi chế độ build trong tệp cấu hình của Webpack

15

Cấu hình chế độ build thông qua scripts trong Webpack

16

Tự động hóa quá trình build trong Webpack

Điểm vào và ra

17

Các điểm vào và điểm ra trong Webpack

18

Điểm đầu ra trong Webpack

19

Nhiều điểm đầu vào trong Webpack

20

Hash trong tập tin build của Webpack

21

Tên của các điểm đầu vào trong Webpack

22

Điểm nhập mảng có tên trong Webpack

23

Tên tệp trong quá trình build của Webpack

24

Tên và Hash của File Build trong Webpack

25

Đường dẫn đến thư mục build trong Webpack

26

Ngữ cảnh điểm vào trong Webpack

Kiểu dáng

27

Nhập CSS Styles vào Webpack

28

Bộ tải (Loader) cho CSS trong Webpack

29

Cấu hình import CSS styles trong Webpack

30

Kiểm tra import CSS styles trong Webpack

31

Cấu hình đóng gói CSS thành bundle trong Webpack

32

Kiểm thử việc đóng gói CSS thành bundle trong Webpack

33

Tên tệp CSS bundle trong Webpack

34

Hash CSS bundle trong Webpack

35

Nhiều Bundle CSS trong Webpack

36

Kết nối thư viện CSS trong Webpack

37

Làm việc với LESS trong Webpack

38

Làm việc với SASS trong Webpack

HTML

39

Làm việc với bố cục HTML trong Webpack

40

Tạo bố cục HTML trong Webpack

41

Nhiều Bundle Script trong Layout trong Webpack

42

Bundles tập lệnh có mã hash trong bố cục với Webpack

43

Các Gói Kiểu Dáng trong Bố Cục Webpack

44

Nhiều gói tài nguyên kiểu dáng trong bố cục Webpack

45

Tệp bố cục tùy chỉnh trong Webpack

Tài nguyên (Assets)

46

Assets trong Webpack

47

Assets trong JavaScript Bundles tại Webpack

48

Assets trong CSS Bundles ở Webpack

49

Tùy chỉnh đường dẫn đến tệp assets trong Webpack

50

Tùy chỉnh đường dẫn đến các nhóm assets trong Webpack

51

Assets nội tuyến trong Webpack

52

Source assets trong Webpack

53

Tài sản chung trong Webpack

Các Plugin

54

Dọn dẹp thư mục build trong Webpack

55

Sao chép tập tin trong Webpack