/es6-web-app-seed

ES6 Web app seed

Primary LanguageJavaScript

es6-web-app-seed

This is a simple ES6 web app skeleton.

How it works

Uses jspm as a universal package manager to configure:

  1. systemjs - universal module system.

  2. ES6 module loader - ES6 module loader

  3. traceur and traceur runtime - compiles ES6 features within browser

  4. Packages - see config.js and jspm key in package.json.

During gulp build step uses babeljs to compile from ES6 to ES5 system module to the dist directory. You can create other build steps for commonjs and amd compilations.

Running the app

To run the app, follow the steps.

  1. Ensure that NodeJS is installed.
  2. From the project folder, execute the following command:
npm install
  1. Ensure that Gulp is installed. If you need to install it, use the following command:
npm install -g gulp
  1. Ensure that jspm is installed. If you need to install it, use the following command:
npm install -g jspm

jspm is a universal package manager used with systemjs

  1. Install the client-side dependencies with jspm:
jspm install -y
  1. To run the app, execute the following command:
gulp watch
  1. Browse to http://localhost:9000 to see the app. You can make changes in the code found under src and the browser should auto-refresh itself as you save files.

TODO

  1. Add unit tests.
  2. Add E2E test.
  3. Add lint
  4. Build to production gulp task. See https://github.com/jspm/jspm-cli/wiki/Production-Workflows
  5. Create a yeoman generator

Inspired by references:

  1. Creating a Next Gen JavaScript Application with Aurelia
  2. Aurelia Skeleton Navigator