//spank.config.js
module.exports = {
sitemap: 'path/to/a-list-of-urls.json',
entrypoint: 'dist/__index.html',
script: 'dist/main.js',
outputDir: 'dist'
}open terminal and type
npx spank
spank can also be used without a config. Use npx spank --help for parameters.
| prop | default | description |
|---|---|---|
| sitemap | .js or .json file with a list of relative paths. Eg. ['/', '/about', '/contact'] |
|
| entrypoint | dist/__app.html |
path to the HTML template to render the SPA in. Often static/index.html |
| script | dist/build/bundle.js |
Path to the app script. Often dist/build/bundle.js or dist/build/main.js |
| outputDir | dist |
Folder to save HTML files to. |
| forceIndex | false |
Write /about to about/index.html instead of about.html |
| inlineDynamicImports | false |
Required if app uses dynamic imports |
| concurrently | 3 |
Max simultaneous running jobs |
| eventName | If specified, HTMLs aren't saved till the page has emitted the event. | |
| host | http://jsdom.ssr |
Simulated host |
For each path in the sitemap, Spank creates a corresponding SPA in a simulated browser. The HTML for each page is then saved to the output folder.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent