The set of development scripts in this starter is configured to watch and compile a simple Sass structure using 11ty.

The code is located in the src folder and the page is created in the public folder.

The settings.json in the .vscode folder sets the LiveServer configuration to serve from the public folder and can be used to serve the built page.

The build process includes minifiying and autoprefixing of styles via the postbuild script, which runs automatically after a build.

npm install

Run this command once to install the needed node modules.

npm start

This script runs 11ty with hot reload and served at the url localhost:8080. It will reload whenever there are HTML or Sass changes.

npm run build

This script does a production build and includes minified, autoprefixed CSS.

Use this as the "Publish command" if needed by hosting services such as Netlify.

The starter was inspired by 11ty Sass Skeleton by @5t3ph

Photo by Suzanne D. Williams on Unsplash

Favicon by Armadillo Vectors by Vecteezy using work from orangereebok