ElemeFE/page-skeleton-webpack-plugin

Health v2 · maintenance only

Adoption not part of the score

2781 stars · 388 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A Webpack plugin that automatically generates skeleton screen pages for different route pages of a JavaScript application, using Puppeteer to render and extract skeleton placeholders. It packs the generated skeleton pages into the corresponding static route pages via Webpack.

Use cases

• generate skeleton screens for my SPA routes automatically
• show a loading placeholder while my page bundle loads
• improve perceived performance of a webpack-built app
• create skeleton pages for multiple routes without hand-writing them
• customize loading animations for skeleton screens
• preview skeleton pages on mobile

When to choose

• you use Webpack and want automated skeleton screens per route
• you want to reduce perceived loading time in a JavaScript SPA
• you want editable, customizable skeleton pages generated from your real pages

When to avoid

• your project does not use Webpack
• you need a maintained solution - the last release was April 2020
• you use a modern bundler like Vite or esbuild
• you need server-side rendered skeletons

Facets

plugin · maturity maintenance

build-tool templating web-framework web-development frontend developer-tools webpack-plugin skeleton-screen puppeteer loading-placeholder vue nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="ElemeFE/page-skeleton-webpack-plugin")