Webpack 5 үйрөткүчү

Жаңы баштагандар үчүн теория жана тапшырмалары менен Webpack чогулткучунун түшүнүктүү үйрөткүчү.

Негизгилер

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

Браузерлердеги кэш менен маселе

Webpack ES модулдары аркылуу Webpack

Webpack орнотуу

Webpack курагычтын баштапкы орнотуулары

Webpack кураш жыйноосуну орнотуу

Webpack аркылуу сыноо курашуусу

Webpack'теги бандлды версткага туташуу

Webpack'теги кириш чекине файлдарды импорттоо

Webpack'те абсолюттук жолдор

Webpack'теги плагиндер

Webpack'теги Loader'лер

Чогултуу режимдери

Webpack'теги жыйноо режимдеринин түрлөрү

Webpack'те конфигурация файлынын жыйноо режимин өзгөртүү

Webpack'те scripts аркылуу куруу режимдери

Webpack'те автоматтык түрдө кураштыруу

Кирүү-чыгуу чекиттери

Webpack'теги кириш жана чыгуу чекиттери

Webpack'те чыгуу чекити

Webpack'те бир нече кириш чекити

Webpackтеги чогултуу файлында хеш

Webpack'теги кириш чекиттеринин аттары

Webpack'те аталышкан массивдер менен кириш чекиттери

Webpack'теги куралыш файлдарынын аталыштары

Webpackтеги чогултма файлдарынын аты жана хеши

Webpack'теги кура жыйнак папкасына жол

Webpack'ке киришкен чекиттердин контексти

Стилдер

Webpack'те CSS стилдерди импорттоо

Webpack'теги CSS стилдери үчүн Лоадерлер

Webpack'те CSS стилдерин импорттоочу орнотуу

Webpack'те CSS стилдердин импортун текшерүү

Webpackте CSS бандлын жыйноо конфигурациясы

Webpack'те CSS бандлын тестирөө

Webpack'теги CSS бандл файлынын аты

Webpack'теги CSS бандлынын хеши

Webpack'те бир нече CSS бандлдар

Webpackте CSS китепканаларды туташтыруу

Webpack'те LESS менен иштөө

Webpack'те SASS менен иштөө

HTML

Webpack'те HTML макеттер менен иштөө

Webpack'те HTML макетти жаратуу

Webpack'те бир нече скрипт бандлдарын макетке кошуу

Webpack'те хеши бар скрипт бандлдарын макетке кошуу

Webpack'теги макеттеги стилдердин багыттары

Webpackтегин макетиинде бир нече стиль бандлдары

Webpackтегин өз макет файлыңыз

Assets

Webpack'теги Assets

Webpack'теги JavaScript бандлдарындагы Ассеттер

Webpack'теги CSS бандлдарындагы ассеттер

Webpack'те asset файлдарынын жолун ыңгайлаштыруу

Webpack'те assets топторунун жолун колдонучунун каалоосуна ылайыкташтыруу

Webpack'теги инлайн ассеттер

Source ассеттер Webpack'те

Webpack'теги жалпы assets

Плагиндер

Webpack'теги куруу папкасын тазалоо

Webpack'те файлдарды көчүрүү