Webpack түрмөчүнүн иштөө принциби

Өнүктүрүү учурунда, адатта, бизде ар кандай код бөлүктөрүн камтыган көптөгөн JavaScript файлдары болот. Бул биздин код бөлүктөрү болушу мүмкүн, же үчүнчү тараптын китепканалары. Бул ар бир файлды биз HTML файлына script теги аркылуу туташтырышыбыз керек дегенди билдирет.

Бул өтө жакшы эмес, анткени көптөгөн туташтырылган файлдар сайттын жүктөлүш ылдамдыгын азайтат. Ошондуктан жүктөлүштү тездетүү үчүн бардык кодду бир файлга салыш керек.

Бирок, бир жалпы файлда код өнүктүрүү дагы өтө ыңгайлуу эмес. Ошондуктан азыркы убакта төмөнкү ыкма колдонулат: код айрым файлдарда өнүктүрүлөт, андан кийин түрмөчүнүн жардамы менен бир жалпы файлга түрүлөт, ал эми ошол файл HTML файлына туташтырылат.

Айрым файлдар ES модулдары болуп саналат. Бул модулдар башка файлдарга import командасы аркылуу туташтырылат.

Адатта, негизги файл түзүлөт, ага калган файлдар туташтырылат. Бул файл кириш чекити деп аталат.

Түрмөч кириш чекитине кирип, ага кайсы модулдар туташтырылганын карайт. Бул модулдарга дагы башка модулдар туташтырылышы мүмкүн. Түрмөч бардык туташуулар боюнча жүрүп, бардык кодду бир файлга түйүндөйт. Бул файл бандл деп аталат.

Өнүктүрүүчү жазган код, адатта, src папкасында жайгашат, ал эми түрүлгөн код dist папкасына коюлат.