IE9 Fail when useLinks not forced true about require-css

[guybedford]

Is this a cross-origin stylesheet again?

If so, you need to force 'useLinks' when you're doing cross-origin.

Actually, it should use them anyway. Sorry - invalid argument there.

[DaveStein]

Yeah I'm about to force that to true via config. I was just a little unclear. So we're saying until things are set, useLinks set to true via config will only be cross-domain-safe way until we remove that guard? Also if I do

require.config({
// Where does the config example from docs go?
});

I tried putting it with or without the config key since I'm already in a config function. I also tried putting it under map since I have other plugin configs laying in there.

[DaveStein]

Ah I just saw your edit? Are you saying that I shouldn't need to force?

[guybedford]

Yes exactly - when loading an external stylesheet it is supposed to default to links. It seems it is this check which was failing.

The update should cause this check to work now (hopefully).

Also if you do use configuration, it should look like -

  require.config({
    config: {
      'require-css/css': {
        useLinks: true
      }
    }
  });

[DaveStein]

require.config({
  baseUrl: '/assets/js',
  paths: {
    'styles': '../css',
    'templates': '../templates'
  },
  config: {
    'require-css/css': {
      useLinks: true
    }
  },
  map: {
    '*': {
      'css': 'require/css',
      'hgn': 'require/hgn'
    },
    'require/hgn': {
      'hogan': 'require/hogan',
      'text': 'require/text'
    }
  }
});

Followed by console.log( module.config().useLinks ); inside css.js is yielding undefined

[guybedford]

You'd need to use require/css: {.. config ..} in your case.

[DaveStein]

D'oh

[guybedford]

I believe this should be working now. Let me know if you spot anything else!