circular dependencies not resolving correctly in production build

[dbleier]

foo.js

import Map from 'can/map/';
import 'can/map/define/'; 
import bar from 'myproject/src/bar/';

export const foo = Map.extend({
  define: {
    propA: {
      get() { return bar.attr('propA'); }
    },
    propB: {
     get() { return 'Hello World!'; }
  }
});

bar.js

import Map from 'can/map/';
import 'can/map/define/'; 
import foo from 'myproject/src/foo/';

export const bar = Map.extend({
  define: {
    propA: {
      get() { return 'Hello World!';  }
    },
    propB: {
     get() { return foo.attr('propB'); }
  }
});

this works in development. However in production,
the define for foo calls

var _bar = _interopRequireDefault(_myprojectBar);

If the define for foo is called before the define for bar, then _bar === { 'default': {} }

After bar is define, it seems that _bar in the foo define is not updated so that when foo.attr('propA') is called, it returns an undefined TypeError

[matthewp]

Thanks! This is an excellent test case.

[dylanrtt]

main.js

import foo from './foo';

// true in dev, false in production
console.log(foo.getBar().getFoo() === foo);

foo.js

import bar from './bar';

export default {
    name: 'foo',
    getBar() { return bar; }
}

bar.js

import foo from './foo';

export default {
    name: 'bar',
    getFoo() { return foo; }
}

[matthewp]

Thanks for the simplified test case. Think we probably need stealjs/transpile#11 for this is my guess.

[matthewp]

Fixed by #535