Boilerplate project built with ECMAScript 6 support for Backbone.Marionette based projects. Includes Browserify, Gulp and Karma
JavaScript HTML CSS
Latest commit a2a23a9 Aug 5, 2016 @abiee Bump dependencies
Permalink
Failed to load latest commit information.
app Bump dependencies, support fot node v5 Apr 28, 2016
test/spec
.babelrc
.editorconfig initial commit Jan 16, 2015
.eslintrc.json Bump dependencies, support fot node v5 Apr 28, 2016
.gitattributes initial commit Jan 16, 2015
.gitignore Bump dependencies, support fot node v5 Apr 28, 2016
README.md
gulpfile.js Change jshint for eslint Jan 3, 2016
karma.conf.js Use Browserify instead of jspm Sep 6, 2015
package.json Bump dependencies Aug 4, 2016

README.md

ES6 Marionette project

Looking for boilerplate projects to start working with ECMAScript 6 I didn't found a project that fit my requirements, so I take the best part of other projects and put all together here. This project can be used to bootstrap new projects with ECMAScript 6 support.

This is an implementation of Clean ES6 Project integrating Backbone.Marionette to the stack.

What's inside

Batteries included:

  • Gulp
  • Browserify
  • Babelify
  • Bootstrap
  • jQuery
  • Underscore
  • Backbone
  • Marionette
  • Handlebars
  • BrowserSync
  • Karma
  • Mocha, Chai, Sinon

Setup

Clone the repository and install the dependencies.

$ git clone https://github.com/abiee/es6-marionette.git my-project
$ cd my-project
$ npm install
$ gulp serve

Do not forget to install globally gulp if not installed yet.

Build

If you want to build the project run.

$ gulp build

It will compile the project and put the result under dist directory. You can run the compiled project also.

$ gulp serve:dist

Testing

Two options exists to run tests, the first one is for development process and aims to practice Test Driven Development.

$ gulp tdd

It will open a Google Chrome instance and run all tests on it, when a file is updated tests will be run again. You can see the rests as a notification or in the console. The other option to run tests is for Continuous Integration purposes, it will run all the tests against PanthomJS and output a jUnit format file for analysis.

$ gulp test

You can get the results at .tmp/test-results.xml.

Contribution

If you have ideas or find an error feel free to submit a PR.

Licence

Licensed under the MIT license.