PlatformIO Webpack Example

An example repo demonstrating how to use Webpack with PlatformIO targeting the ESP32 platform.

Anatomy Overview

General Layout

• The root of this repo was generated with pio init.
• The ./web directory was generated using NeutrinoJS 9.0.0-rc.5.

Compiled Web Assets

• ./dist/web_assets.h is generated by Webpack. And needs to exist during compile.
• Webpack is invoked during the PlatformIO build via ./build_web.py.
• Each asset (Webpack "pack") is put in its on progmem byte array and backed by a const char* map.

Webdev Entrypoint

• Web sources are in ./web.
• Within that directory, you can run the build with npm run build or start a development server with npm run start.

Webserver Development

• The web server is backed by RichHttpServer.
• The entrypoint is ExampleWebServer.cpp.

Example Projects

• epaper_templates