Getting TweenLite to work with RequireJS + BackboneJS

[jonahvsweb]

Thanks to Greensock for helping me find my way on Twitter. I thought I'd share my solution for any other people out there that are searching for a configuration of Require + Backbone through external modules & shim's like I was: 

require.config({

  paths: {
    'jquery': 'libs/jquery-2.1.1',
    'underscore': 'libs/underscore',
    'backbone': 'libs/backbone',
    'TweenLite': 'libs/greensock/TweenLite',
    'CSSPlugin': 'libs/greensock/plugins/CSSPlugin',
    'EasePack': 'libs/greensock/easing/EasePack'
  },

  shim: {
    'underscore': {
      exports: '_'
    },
    'backbone': {
      deps: [
        'underscore',
        'jquery'
      ],
      exports: 'Backbone'
    },
    'TweenLite': {
      exports: 'TweenLite'
    }
  }
});

require([
  'backbone',
  'app/app',
  'TweenLite',
  'CSSPlugin',
  'EasePack'
], function(Backbone, App, TweenLite) {
  'use strict';

  App.initialize();
});

[Carl]

Hi Jonah,

 

Welcome to the GreenSock forums. Really appreciate you posting your solution here as I'm sure others will find it useful.

 

Happy Tweening!

 

Carl

[elandril]

Thanks Jonah! How exactly did you implement it into your app - meaning what file did you put it in, etc? I'm using 'yo' to scaffold my backbone.js app so just wondering the best place to add this config file (p.s. I'm a newb to backbone.js too)

 

Thanks!