Skip to content

A boilerplate for developing MarionetteJS SPA's using Webpack & Node express

Notifications You must be signed in to change notification settings

gmcdowell/marionette-mvp-webpack

Repository files navigation

MarionetteJS Minimal Viable Project

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

##A special thanks goes to:

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

About

A boilerplate for developing MarionetteJS SPA's using Webpack & Node express

Resources

Stars

Watchers

Forks

Packages

No packages published