Webpack Bundler

2.

Getting Started with Webpack

2.1.

Environment Setup

2.1.1.

Node.js Installation

2.1.2.

Package Manager Setup

2.1.2.1.

2.1.2.2.

2.1.2.3.

2.1.3.

Project Initialization

2.1.3.1.

Creating package.json

2.1.3.2.

Setting Up Project Structure

2.2.

Webpack Installation

2.2.1.

Local vs Global Installation

2.2.2.

webpack Package

2.2.3.

webpack-cli Package

2.2.4.

Version Compatibility

2.3.

Basic Configuration

2.3.1.

webpack.config.js Creation

2.3.2.

Configuration File Structure

2.3.3.

CommonJS vs ES Modules Syntax

2.3.4.

Configuration Validation

2.4.

Entry Point Configuration

2.4.1.

Single Entry Syntax

2.4.2.

Multiple Entry Objects

2.4.3.

Entry Point Best Practices

2.4.4.

Context Configuration

2.5.

Output Configuration

2.5.1.

Output Path Requirements

2.5.2.

Filename Patterns

2.5.3.

Substitution Variables

2.5.3.1.

[name] Placeholder

2.5.3.2.

[contenthash] Placeholder

2.5.3.3.

[chunkhash] Placeholder

2.5.3.4.

[id] Placeholder

2.5.4.

Public Path Configuration

2.6.

Running Webpack

2.6.1.

Command Line Interface

2.6.2.

Configuration File Specification

2.6.3.

npm Scripts Integration

2.6.4.

2.6.5.

Development Server

Previous

1. Introduction to Webpack and Module Bundling

Go to top

Next

3. Asset Management