kristoferbaxter / shortstack

🥞 minimalist dev stack: concurrency, shaken bundles & transpiled CSS/JS

Javascript ›

Rollup to bundle, treeshake, import from NPM, local or URLs, and import CSS.

CSS ›

PostCSS to bundle, import from NPM, local or URLs, postcss-preset-env for CSS features from the spec, and handy easings.

Dev Server ›

Browsersync with all the goodies: live reload, hot swap CSS, scroll syncing, remote debugging, etc.

Watch me break it down on YouTube!

Getting Started

1. mkdir new-project-name && cd $_
2. git clone --depth=1 https://github.com/argyleink/shortstack.git . && rm -rf ./.git
3. npm i
4. npm start

Development

Running npm start runs Browsersync, which watches changes to your files in ./app and refreshes connected browsers.

Production

Running npm run build compiles and minifies your code in app and outputs the optimised result to a folder called dist that's ready for static hosting.