https://www.youtube.com/watch?v=-oyeaIirVC0
Rollup to bundle, treeshake, import from NPM or URLs, and import CSS.
PostCSS to import from NPM, postcss-preset-env for CSS features from the spec, and easings from easings.net for convenient use in animations.
Browsersync with all the goodies: live reload, cross device syncing, remote debugging, etc.
mkdir new-project-name && cd $_
git clone --depth=1 https://github.com/argyleink/shortstack.git . && rm -rf ./.git
npm i
npm start
Running npm start
runs Browsersync, which watches changes to your files in ./app
and refreshes connected browsers so that you can see the effects of your changes live.
Once you're ready to go live npm run build
compiles and minifies your code in app
and outputs the optimised result to a folder called dist
that's ready to be shared on the web