2016-05-27 1 views
0

WebFont грузчиков документы обеспечивают этот пример сценария:WebFont погрузчик в модульном Js шаблон

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); 

Если я ставлю, что непосредственно в теге сценария в <head> моей страницы он работает отлично. Если я обернуть его в функции и попытаться экспортировать, что я получаю эту ошибку в консоли:

Uncaught ReferenceError: WebFontConfig is not defined

Вот как я попытался обернуть его:

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 
}; 

Я делаю что-то, очевидно, неправильно Вот?

ответ

0

О, мне нужно было прикрепить WebFontConfig к объекту окна.

window.WebFontConfig.

Смежные вопросы