react-skeleton-webpack-plugin
English|中文
This is a Webpack plugin based on React which generates Skeleton Screen for SPA and MPA. A Skeleton Screen includes DOM and Styles inlined in HTML during the building process.
Getting Started
Install:
npm install react-skeleton-webpack-plugin
Run test cases:
npm run test
Use in Webpack:
// webpack.config.js ; plugins: webpackConfig:
A Webpack config for Skeleton is also required:
// webpack.skeleton.conf moduleexports = ;
The entry file entry-skeleton.js
uses React SSR to render Skeleton component:
// entry-skeleton.js ;;;; let html = ReactDOMServer; ;
Options for Plugin
This plugin support following options:
- webpackConfig required, a Webpack config for Skeleton
- insertAfter optional, mounting point to inject Skeleton DOM,default value is
'<div id="app">'
- router optional, used by multi-skeleton in SPA
- mode, router mode,
history|hash
- routes, an array for routes, every route object contains:
- path, route path
- skeletonId, the id of Skeleton DOM
- mode, router mode,
- minimize optional minimize the JS code inject in HTML, default value is
true
Examples
See examples.