⌘K

Webpack 5 -opetusohjelma

Ymmärrettävä opetusohjelma Webpack-modulojenpakkaajasta teorialla ja tehtävillä aloittelijoille.

Perusteet

01

Webpack-kokoajan toimintaperiaate

02

Selaimen välimuistiin liittyvä ongelma

03

Webpack ES-moduuleilla Webpackissa

04

Webpackin asennus

05

Webpack-kokoajan alkuperäinen asetustiedosto

06

Webpackin buildausasetuksen määrittäminen

07

Testauskokoaminen Webpackin avulla

08

Pakanan liittäminen verkkosivun rakenteeseen Webpackissa

09

Tiedostojen tuonti Webpackin päätepisteeseen

10

Absoluuttiset polut Webpackissa

11

Webpackin liitännäiset

12

Lataajat Webpackissa

Kokoonpanotilat

13

Webpackin kokoamistilojen tyypit

14

Rakennustilan vaihtaminen Webpackin konfiguraatiotiedostossa

15

Build Moodit scriptsien kautta Webpackissa

16

Automaattinen bundlaus Webpackissa

Entry and Output Points

17

Webpackin entry- ja output-pisteet

18

Webpackin tulostuspiste

19

Useita päätepisteitä Webpackissa

20

Hash Webpackin bundletiedostossa

21

Webpackin entry point -kohteiden nimet

22

Nimettyjä entry-point -taulukoita Webpackissa

23

Webpackin bundletiedostojen nimet

24

Build-tiedostojen nimet ja hash Webpackissa

25

Build-kansiopolku Webpackissä

26

Webpackin entry point -konteksti

Tyylit

27

CSS-tyylien tuonti Webpackissa

28

CSS-tyylien lataajat Webpackissa

29

CSS-tyylien tuonnin määrittäminen Webpackissa

30

CSS-tyylien tuontitestaus Webpackissa

31

CSS:n kokoamisen asentaminen Webpackissä

32

CSS-assetsien kokoamisen testaaminen Webpackissa

33

CSS-bundletin tiedostonimi Webpackissa

34

CSS-bundlin hash Webpackissa

35

Useita CSS-bundleja Webpackissa

36

CSS-kirjastojen liittäminen Webpackiin

37

LESS:n käyttö Webpackissa

38

SASS:n käyttö Webpackissa

HTML

39

HTML-asemallien käsittely Webpackissa

40

HTML-layoutin generointi Webpackissa

41

Useita JavaScript-bundleja sivuston asettelussa Webpackissa

42

Scriptien bundlet hash-tunnisteella Webpackin asettelussa

43

Tyylien bundlet Webpackin asettelussa

44

Useita tyylien bundlesia layoutissa Webpackissa

45

Oma layout-tiedosto Webpackissa

Assets

46

Assets Webpackissa

47

Assets JavaScript-bundleissa Webpackissa

48

Assets CSS-bundleissa Webpackissa

49

Asset-tiedostojen polun mukauttaminen Webpackissa

50

Assets-ryhmien polun mukauttaminen Webpackissa

51

Inline-assetit Webpackissa

52

Source-assetit Webpackissa

53

Yleiset assetit Webpackissa

Lisäosat

54

Build-kansion puhdistaminen Webpackissa

55

Tiedostojen kopiointi Webpackissa