SA--PU--ES = Sass + Pug + ES6 & automation
The purpose of the SAPUES is to provide a consistent file structure with a normalized code and a collection of helpers and resets (soon). It wraps ITCSS principles.
- Layouts and partials to power static websites
- It follows ITCSS concepts
- A simple font sizing : 1.6em = 16px
- A collection of variables to manage default sizing, fonts and colors
- Compiles
*.pug
pages - Compiles
*.sass
files - Prefixes css
- Bundles
*.js
files with browserify and Babeljs - Minify css and uglify js
- Serves all files
- Synchronizes and reloads modifications across browsers
For sure the latest Node.js and npm are required.
Get it from github:
- Download latest release
- Run
npm install
to install all dependencies - To build in
dist
directorypug
,css
andjs
rungulp build
curl -L https://github.com/lrtrln/sapues/archive/master.tar.gz | tar zx && cd ./sapues/ && npm i && gulp
- To start working and serving files run
gulp
- Browsersync will prompt the server url (
localhost:3000
) - You can now edit
*.sass
&*.js
&*.pug
files,*.css
&*.js
&*.html
will be overwritten