Response design with Backbone.js

app-common.js

require(
    [
        "views/page",
        "Router"
    ],
    function (pageView, Router) {
        pageView.render();
        $('body').prepend(pageView.el);
        new Router();
        Backbone.history.start();
    }
);

app-desktop.js

require.config({
    paths: {
        "text": "../libs/require/text",
        "i18n": "../libs/require/i18n",
        "order": "../libs/require/order",
        "libs": "../libs",
        "controllers/base": "controllers/base",
        "controllers": "controllers/desktop",
        // Desktop-specific views
        "views/page": "views/desktop/page",
        "views/Settings": "views/desktop/Settings",
        // Desktop-specific templates
        "templates/page": "templates/desktop/page",
        "templates/settings": "templates/desktop/settings"
    }
});
require(['order!libs/core', 'order!app-common'], function () { });

index.html

<script>
    var edition = 'desktop';
    if ($('body').width() <= 480) {
        edition = 'mobile';
    } else if (Modernizr.touch) {
        edition = 'tablet';
    };
    document.write('<link rel="stylesheet" type="text/css" href="css/squirro-' + edition + '.css">');
    document.write('<script data-main="app-' + edition + '" src="require.js"></' + 'script>');
</script>

views-base-Share.js

// Location of this file: views/base/Share.js
define(
    [
        'text!templates/settings.html'
    ],
    function (template) {
        return Backbone.View.extend({
            template: _.template(template)
            // More methods here
        });
    }
);

views-desktop-Share.js

// Location of this file: views/desktop/Share.js
define(
    [
        'views/base/Settings'
    ],
    function (SettingsBaseView) {
        return SettingsBaseView.extend({
            overwrittenMethod: function () {
                // use your imagination
            }
        });
    }
);