hyperapp-less-boilerplate

HyperApp Boilerplate with a minimal and convenient stack to work with:

• Build tools*:
  • Babel 7 - ECMAScript 6 (3 stages)
  • Webpack 4 - (Together with selected plugins)
  • ESLint - Using the recommended preset
  • LESS - For stylesheets pre-processing
• Development:
  • hyperapp-redux-devtools - DevTools for debugging
  • webpack-bundle-analyzer - Analyze your bundle sizes for optimization
• Starter libraries:
  • html-material-css - Pure html material design (for minimal size)
  • hyperapp-forms - Form state management

*Cross environments

Getting started

npm install
npm start

Open your browser on http://localhost:8080.

Live reload is supplied by webpack-dev-server (The browser will refresh when code changes).

Scripts

Script	What does it do?
npm run analyze	Runs webpack-bundle-analyzer which will create the report file dist/report.html.
npm run analyze:profile	Runs webpack profiling to create an input stats.json for webpack's official analyze tool
npm run build	Builds the project. The output folder is dist.
npm start	Runs webpack-dev-server (explained above)
npm test	Outputs 'Not Implemented!'. I leave that to you 😄

Author

Eli Sherer (@elisherer)