khaos-webpack

A Khaos template to start clientside projects with webpack quickly.

Benefits

• hotloading dev server
• transpile es6+
• minify and bundle into static files
• prerender known html
• develop on multiple devices with BrowserSync
• run PageSpeed Insights from the console
• better commits with ghooks + validate-commit-msg + commitizen
• generate a changelog from commits
• linting with standard style
• deploy with surge

Usage

• $ npm i -g khaos - install khaos globally
• $ khaos create stevenmathews/khaos-webpack my-project - create a new project from this template
• $ npm i - install included packages and their dependencies

Scripts

• $ npm start - start the hotloading dev server on [hostname].local:3000
• $ npm run build - minify and bundle project into static files
• $ npm test - lint using standard and run tests
• $ npm run commit - make a validated commit
• $ npm run changelog - generate changelog
• $ npm run deploy - deploy with surge
• $ npm run psi - run pagespeed insights

Configuration

This template uses hjs-webpack to generate the webpack.config.js file

• optional dependencies
• usage
• examples
• config options
• developing on multiple devices
• extending hjs-webpack
• changing babel config

Credits

This project is mostly based on hjs-webpack by @HenrikJoreteg who has a course building a native web app from scratch that I found incredibly helpful. Commits and changelog flow from TylorS.

License

MIT. Copyright (c) Steve Mathews.