2016-05-27 3 views
0

Die Webfont Loader docs bietet dieses Beispielskript:Webfont Loader in modularen js Mustern

WebFontConfig = { 
    typekit: { id: 'xxxxxx' } 
}; 

(function(d) { 
    var wf = d.createElement('script'), s = d.scripts[0]; 
    wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js'; 
    s.parentNode.insertBefore(wf, s); 
})(document); 

Wenn es das direkt im <head> meiner Seite in einem Script-Tag setzte es funktioniert gut. Wenn ich es in einer Funktion wickeln und versuchen, das zu exportieren, bekomme ich diesen Fehler in der Konsole:

Uncaught ReferenceError: WebFontConfig is not defined

Hier ist, wie ich es zu wickeln versucht:

function initialiseWebFontLoader() { 
    WebFontConfig = { 
     google: { 
      families: ['Open Sans', 'Lora'] 
     }, 
     timeout: 1500 
    }; 

    (function(d) { 
     const wf = d.createElement('script'), s = d.scripts[0]; 
     wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js'; 
     s.parentNode.insertBefore(wf, s); 
    })(document); 
} 

module.exports = { 
    initialiseWebFontLoader: initialiseWebFontLoader 
}; 

Bin ich etwas zu tun, offensichtlich falsch Hier?

Antwort

0

Oh, ich musste WebFontConfig an das Fensterobjekt anhängen.

window.WebFontConfig.