Future-proof starterkit for modern ES6 web apps using gulp for the build process and jspm to manage dependencies on top of SystemJS
Features
Please see our gulpfile.js for up to date information on what we support.
- Automagic ES6 support
- Automagically wire-up (All AMD, CommonJS, ES6 Modules, or global) dependencies installed with jspm
- CSS Autoprefixing
- Built-in preview server with BrowserSync
- Automagically compile Sass with libsass
- Automagically lint your scripts with ESLint
- Map compiled CSS to source stylesheets with source maps
- Awesome image optimization
- HTML minification
- Gzip all the things!
libsass
Keep in mind that libsass is feature-wise not fully compatible with Ruby Sass. Check out this curated list of incompatibilities to find out which features are missing.
If your favorite feature is missing and you really need Ruby Sass, you can always switch to gulp-ruby-sass and update the sass
task in gulpfile.js
accordingly.
Getting Started
- Install dependencies:
npm install --global gulp jspm
- Run
npm install
- Go to the
src
directory and runjspm install
- Run
gulp serve
to preview and watch for changes - Run
gulp build
to generate a distributable, production-ready,dist
directory