Skip to content

Latest commit

 

History

History
27 lines (20 loc) · 1.87 KB

README.md

File metadata and controls

27 lines (20 loc) · 1.87 KB
Raw

es7-sass-boilerplate

Boilerplate for using ES6/ES7 syntax (via Babel), modules (via Browserify), and Sass (via node-sass). Also provides watchers for ./js, ./scss, and ./static folders, and a gh-deploy script for serving up your projects to the world via GitHub Pages.

It looks like this: http://ericsoco.github.io/es7-sass-boilerplate/

Getting started

npm i
npm start

Open your browser to http://localhost:3000/ to see index.html.

Adding projects/modules/prototypes/whatever

You can just start tinkering directly in one of the the examples if you like. Or, you can start fresh:

  1. Make a new .html file based on one of the examples. Edit the data-module attribute to something your main.js can route.
  2. Add or modify one of the links in index.html to point at it.
  3. Make a new .js file based on one of the examples.
  4. Edit main.js to route to it.
  5. Make a new Sass partial based on one of the examples.
  6. Import it in main.scss.
  7. Change the wrapper class in your .js file to match (e.g. here).

s'about it.