Default Brunch

  1. Everything is /app is pre-built (.coffee, .sass etc.)
  2. Html lives in /app/assets
  3. brunch build (brunch watch) => sends files from app -> public
    public isn't in repo (like build folder)
    Execute url http://localhost:3333/ you're hitting public folder
    GOTCHA - DONT EDIT FILES IN PUBLIC
  4. Generators are like scaffolds
  5. Test folder is where your test scripts go.
    /test -> /public/test
  6. To build in release mode (excluding tests) "brunch b --config config-release.coffee"
  7. Vendor is 3rd party css & jas (e.g. bootstrap, backbone, jquery)
  8. Brunch takes all scripts (js) in vendor/scripts and combines it into one single js files /public/javascripts/vendor.js
  9. Brunch takes all scripts (js) everywhere else and combines it into one single js files /public/javascripts/app.js
  10. Brunch takes all css everywhere else and combines it into one single js files /public/stylessheets/app.css

Baddass Backbone Brunch

/app directory structure

  1. Everything inside of /assets is literally a photo-copy job into /public
  2. demos is where all the code for each single page app (SPA) lives
  3. libs is where the badass backbone base classes live
  4. stubs contain files with json data