JSPM + Gulp example/boilerplate

A boilerplate for developing apps using JSPM & Gulp. Some changes were made to the original repository to match my workflow.

JSPM

JSPM is an all-in-one command line tool for package management, module loading and transpilation. Read more about it here and here.

Features

• Uses JSPM instead of Bower to manage packages
• Transpiles ES6+ automagically using Babel via JSPM
• Uses SystemJS to load modules via JSPM
• SASS compilation using LibSass and Autoprefixer
• Choice between Node or PHP
  • Local Node dev server with LiveReload using Gulp Connect
  • Local PHP dev server with Browsersync using Gulp Connect PHP
• Testing using Jasmine or Karma with Mocha + Chai (bonus: write your tests in ES6)
• Linting with ESLint and SCSS-Lint
• Generates documentation automatically using ESDoc and SassDoc
• Building Javascript from multiple entry points
• Code style and linters from Airbnb
• Unlicensed

Usage

1. Clone this repo from https://github.com/janekkkk/es6-jspm-gulp-example.git
2. Run npm install in the root directory
3. Run gulp or npm start to start the local dev server
4. Write an awesome app! ☺

Testing

Jasmine

Run gulp test or npm run gulp-test to run tests once.

Run gulp test:watch or npm run gulp-test:watch to run tests continuously.

Mocha

Run karma start or npm test to run tests once.

Run npm run test:watch to run tests continuously.

Generating documentation

Run npm run docs to generate documentation for your JavaScript and SASS automatically in the docs folder.

Building

Run gulp build or npm run build to build the app for distribution in the dist folder.

---

No rights reserved. Made with ♥ by Alex Weber heavily modified by Janek Ozga