Webpack 5 оқулығы

Webpack жинақтағышына арналған жаңадан бастаушылар үшін теориясы және тапсырмалары бар түсінікті оқулық.

Негізгі

Webpack жинақтағыштың жұмыс принципі

Браузерлердегі кэш проблемасы

Webpack арқылы ES модульдері Webpack-те

Webpack орнату

Webpack жинақтаушысын баптаудың бастапқы кезеңі

Webpack жинақын іске қосу баптауы

Webpack арқылы тестілеу жинағы

Webpack-те бандлды версткаға қосу

Импорт файлов в точку входа в Webpack

Webpack-та абсолют жолдар

Webpack-тегі плагиндер

Webpack-тегі жүктеуіштер

Жинақтау режимдері

Webpack-те жинау режимдерінің түрлері

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

Webpack-те scripts арқылы жинау режимдері

Webpack-те автоматты түрде жинау

Кіру-шығу нүктелері

Webpack-та кіру және шығу нүктелері

Webpack-те шығу нүктесі

Webpack-та бірнеше кіру нүктелері

Webpack-те жинақ файлында хеш

Webpack-те кіру нүктелерінің атаулары

Webpack-те атаулы массив нүктелері

Webpack-те жинақтау файлдарының атаулары

Webpack жинағының файл атаулары мен хеші

Webpack-те жинақтау бумасына жол

Webpack кіру нүктелерінің контексті

Стильдер

CSS стильдерін Webpack-ке импорттау

Webpack-те CSS стильдері үшін лоадерлер

Webpack-те CSS стильдерін импорттауды баптау

Webpack-те CSS стильдерді импорттауды тестілеу

Webpack-те CSS жинағын құруды баптау

CSS бандлын Webpack-те жинақтауды тестілеу

CSS бандл файлының атауы Webpack-те

CSS бандлының Webpack-тегі хеші

Webpack-та бірнеше CSS баңделдер

CSS кітапханаларды Webpack-ке қосу

Webpack-те LESS-пен жұмыс

Webpack-те SASS-пен жұмыс

HTML

Webpack-те HTML үлгілерімен жұмыс

Webpack-те HTML үлгінің генерациялауы

Webpack-те макетке бірнеше скрипт баңдылдары

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

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

Webpack-те макетте бірнеше стиль бандлдары

Webpack-те өз құрылымдық файлыңыз

Assets

Webpack-тегі assets

JavaScript баңдларындағы Webpack ассеттері

Webpack-тегі CSS баңдалдарындағы Ассеттар

Webpack-те assets файлдарының жолын бейімдеу

Webpack-те assets топтар жолын бейімдеу

Webpack-тегі инлайн ассеттер

Source ассеттер Webpack-те

Webpack-тегі жалпы asset-тер

Плагиндер

Webpack-те жинақтау бумасын тазалау

Файлдарды Webpack-те көшіру