MarionetteJS Minimal Viable Project

A boilerplate for developing MarionetteJS Single Page Applications leveraging Webpack, Bootstrap, Handlerbars & Node express

##A special thanks goes to:

• Christian Alfoni for his article: The ultimate Webpack setup.
• Justin Gordon for his plugin: Bootstrap-Sass-Loader
• James Kyle for his starter kit: Marionette-Wires

Setup

git clone git@github.com:gmcdowell/marionette-mvp-webpack.git

npm install

npm start   -> starts webpack dev server & express & watches for changes

open http://localhost:3000 -> open in new terminal tab/window OR your browser

Structure

public/   -> index.html 
server/   -> webpack dev server config
src/      -> application files JS(es6), HTML, SASS
    /application/   -> marionette application (parent `App`)
    /apps/          -> marionette sub applications (children)
    /sass/          -> SASS style rules (Bootstrap)
    /services/      -> marionette specialized sub applications (non routing)
    /behaviors/     -> marionette behaviors used across `App`
    main.js         -> entry script & `App` initialization
    plugins.js      -> setup Backbone & Marionette and hook Browser Inspectors if present        
server.js                       -> express server configuration
webpack.config.js               -> webpack configuration (development)
webpack.production.config.js    -> webpack configuration (production)

Objective

To put together something that works for me ;)

Technologies

• JS -> ES6
• AMD -> Webpack
• CSS -> Bootstrap-Sass
• SPA -> Marionette & Backbone