/es6-webapp-starterkit

Future-proof starterkit for writing ES6 web apps using gulp for the build process and jspm to manage dependencies.

Primary LanguageJavaScript

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 run jspm install
  • Run gulp serve to preview and watch for changes
  • Run gulp build to generate a distributable, production-ready, dist directory

Inspired by