Webpack 5 Tutorial

Main

Operating principle Cache problem ES modules Installation Initial setup Setting up the build launch Test build Connecting a bundle to the layout Importing files into the entry point Absolute paths Plugins Loaders

Assembly modes

Types of assembly modes Modes in the configuration file Build modes via scripts Automatic assembly

Entry-exit points

Entry and exit points Exit point Multiple entry points Hash in assembly file Entry point names Named Array Points Bundle names Names and hash of bundles Path to the build folder Entry Point Context

Styles

Import CSS styles Loaders for CSS styles Setting up CSS styles import Testing CSS style import Setting up CSS assembly in a bundle Testing CSS Bundle Assembly CSS Bundle File Name CSS Bundle Hash Multiple CSS bundles Connecting CSS libraries Working with LESS Working with SASS

HTML

Working with HTML layouts HTML Layout Generation Several bundles of scripts Bundles of scripts with hash Style Bundles Several bundles of styles Your own layout file

Assets

Introduction Assets in JavaScript bundles Assets in CSS bundles Customizing the path to asset files Customizing the path to asset groups Inline assets Source assets Shared Assets

Plugins

Cleaning the build folder Copying files
↑
enru