Awesome
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)