jspm and SystemJS sample project

Sample ES6 JavaScript project setup with jspm, SystemJS, Babel, React and Sass.

For sample Universal React setup with jspm and SystemJS, you might want to take a look at https://github.com/akikoo/universal-react-systemjs-jspm.

Environment setup

  $ npm install
  $ jspm install

Development

Start a mini-server (provided by Browsersync):

  $ npm start

Run tests

N/A until I figure out how to make Mocha work with SystemJS. In the meantime, have a look at my React testing demo setup: https://github.com/akikoo/react-testing

  $ npm test

Bundling

WIP. Current options documented below.

Using SystemJS Builder

Create minified dist/main.js and dist/main.css files.

  $ npm run bundle

Bundle all the modules without using Builder script

Script is injected (no HTML script tag changes are needed).

  $ jspm bundle src/main dist/main.js --inject

Create a self-executing, minified bundle

HTML script tag changes are needed.

  $ jspm bundle-sfx --minify src/main dist/main.js

Move back to separate file mode

Clear out any injected bundle configuration. This runs the following script with node: jspm unbundle

  $ npm run dev

To install packages, run jspm install <package-name>. For example, to install React, run this:

  $ jspm install npm:react