Sample broccoli ember app, with compass compilation, qunit & autoreloading. Still a work in progress!
Heavily borrows from:
- Faster rebuilds & live reloads for development with broccoli
- Less steps to produce a build (as in xcode / eclipse build)
- Testable
- (eventually) One step build for a broccoli ember cordova project
broccoli cli
npm install -g broccoli-cli
bower
npm install -g bower
- app : ember application in Ember App Kit suggested format, using ES6 modules
- public : root html folder. Everything in here gets copied to the build directory.
- tmp : temp broccoli build files, used by broccoli serve
- styles : sass compass compilable scss files
- vendor : bower dependancies & magic glue for compiling es6 modules
broccoli serve will watch & serve your files
To get live reload working, install Live Reload
https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei
It should 'just work'.
You can also use grunt serve - this will do the same thing.
Visit /tests to see qunit tests (non-build, via broccoli serve only).
jshint tests are autogenerated and munged into a jshint.js file, which the tests/index.html file reads.
Grunt has been included to enable building for different environments.
grunt build:{environment}
Will clean the www directory, build broccoli output into www, and run targetHtml on the index.html folder.
Depending on your {environment}, targetHtml will append either config/environments/production.js or test.js.
Only test & production are currently configured, as examples.
This allows you to have environment-specific config in the appropriate /environments file.
- Don't quite understand the dependancy management in the brocfile, vendor files etc?
- Would be nice to include test folder for ES6 compilation
- Include ember-qunit
- testem for test running