This is a simple ES6 web app skeleton.
Uses jspm as a universal package manager to configure:
-
systemjs - universal module system.
-
ES6 module loader - ES6 module loader
-
traceur and traceur runtime - compiles ES6 features within browser
-
Packages - see config.js and
jspmkey 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.
To run the app, follow the steps.
- Ensure that NodeJS is installed.
- From the project folder, execute the following command:
npm install- Ensure that Gulp is installed. If you need to install it, use the following command:
npm install -g gulp- Ensure that jspm is installed. If you need to install it, use the following command:
npm install -g jspmjspm is a universal package manager used with systemjs
- Install the client-side dependencies with jspm:
jspm install -y- To run the app, execute the following command:
gulp watch- Browse to http://localhost:9000 to see the app.
You can make changes in the code found under
srcand the browser should auto-refresh itself as you save files.
- Add unit tests.
- Add E2E test.
- Add lint
- Build to production gulp task. See https://github.com/jspm/jspm-cli/wiki/Production-Workflows
- Create a yeoman generator