emberjs-experiment

This is an experimental project and here I recreate the TodoMVC to demonstrate the possibility to ease Ember development and production workflow with SystemJS and jspm.

How to get started

• Install jspm via npm:

npm install -g jspm

• Install vendor packages via jspm at the same location as config.js:

jspm install

• Enbale local XHR request.

  As seen here

  Note that when running locally, ensure you are running from a local server or a browser with local XHR requests enabled. If not you will get an error message.

  For Chrome on Mac, you can launch it in terminal with: /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --allow-file-access-from-files &> /dev/null & But make sure your chrome is not currently running!

  In Firefox this requires navigating to about:config, entering security.fileuri.strict_origin_policy in the filter box and toggling the option to false.

More Information

Here is some notes you might find useful:

• Traditionally, Ember uses a custom AMD loader to load and resolve modules during runtime, but this requires the code to be in AMD syntax. SystemJS could be considered a replacement for such loader, and it is more powerful and could load any module format(ES6, AMD, CommonJS and global). So you can write code in ES6 format with no need for compilation during development.

• This setup does not require any build tool. Handlebars template could be loaded by SystemJS during runtime with the help of a simple plugin I wrote in hbs.js (this will explain how to use SystemJS plugins). If you need to use SCSS/SASS, simply use the sass --watch or the file watcher feature in Webstorm.

For information on SystemJS, visit github.com/systemjs/systemjs

For information on jspm, visit jspm.io