Webpack Bundler

  1. Getting Started with Webpack
    1. Environment Setup
      1. Node.js Installation
        1. Package Manager Setup
          1. npm
            1. yarn
              1. pnpm
              2. Project Initialization
                1. Creating package.json
                  1. Setting Up Project Structure
                2. Webpack Installation
                  1. Local vs Global Installation
                    1. webpack Package
                      1. webpack-cli Package
                        1. Version Compatibility
                        2. Basic Configuration
                          1. webpack.config.js Creation
                            1. Configuration File Structure
                              1. CommonJS vs ES Modules Syntax
                                1. Configuration Validation
                                2. Entry Point Configuration
                                  1. Single Entry Syntax
                                    1. Multiple Entry Objects
                                      1. Entry Point Best Practices
                                        1. Context Configuration
                                        2. Output Configuration
                                          1. Output Path Requirements
                                            1. Filename Patterns
                                              1. Substitution Variables
                                                1. [name] Placeholder
                                                  1. [contenthash] Placeholder
                                                    1. [chunkhash] Placeholder
                                                      1. [id] Placeholder
                                                      2. Public Path Configuration
                                                      3. Running Webpack
                                                        1. Command Line Interface
                                                          1. Configuration File Specification
                                                            1. npm Scripts Integration
                                                              1. Watch Mode
                                                                1. Development Server

                                                              Previous

                                                              1. Introduction to Webpack and Module Bundling

                                                              Go to top

                                                              Next

                                                              3. Asset Management