Using Slate's Build Engine

Slates Engine will build your SASS, Javascript and Images complete with live reload. You can even deploy your site with rSync.

Designed to work with local servers such as Vagrant, MAMP, WAMP, Valet and more. Slates build engine is built on Larval Mix and some custom NPM scripts to help out with some other jobs. A full command reference is available here.

Engine features

  1. SASS/Less/Stylus Compilation
  2. JavaScript Compliation
  3. Sprite Generation
  4. Favicon Generation
  5. Custom Font support
  6. Site Deployment via rSync
  7. Webpack via Laravel Mix
  8. Easily extended

Basic Use

By default, the following project structure is assumed. If you prefer a different layout, this can be easily re-configured by changing the paths and settings in webpack.mix.js or package.jsonwhich are both in the project root.

.
├── README.md
├── package.json
├── public
│   └── assets
├── src
│   ├── favicon
│   │   └── favicon.svg
│   ├── fonts
│   │   └── fonts.txt
│   ├── images
│   │   ├── single
│   │   │   ├── Slate.png
│   │   └── sprites
│   ├── js
│   │   └── site.js
│   └── sass
│       ├── _site-config.scss
│       ├── config
│       │   ├── _config-accessibility.scss
│       │   ├── _config-buttons.scss
│       │   ├── _config-colors.scss
│       │   ├── _config-debug.scss
│       │   ├── _config-font-stacks.scss
│       │   ├── _config-fontawesome.scss
│       │   ├── _config-forms.scss
│       │   ├── _config-grid.scss
│       │   ├── _config-layout.scss
│       │   ├── _config-ratios.scss
│       │   ├── _config-tables.scss
│       │   ├── _config-typography.scss
│       │   └── _config-validation.scss
│       └── site.scss
├── uncss.json
├── webpack.mix.js

To build the project and start Browsersync:

yarn start

To build for production use:

yarn production

A full command reference is available here.

Built with the Best

Slate was built by Hash&Salt, a company who loves building for the internet. Using the very best in industry leading software and practices honed over the last 20 years in the industry. You're in good hands.