模块化js模式中的Webfont Loader

davidpauljunior

webfont加载器文档提供了以下示例脚本:

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

如果我将其直接放在页面的script标记中,<head>则可以正常工作。如果我将其包装在一个函数中并尝试导出该函数,则会在控制台中收到此错误:

未捕获的ReferenceError:未定义WebFontConfig

这是我尝试包装的方式:

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

我在这里做错了什么吗?

davidpauljunior

哦,我需要附加WebFontConfig到窗口对象。

window.WebFontConfig

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

模块化js模式中的Webfont Loader

来自分类Dev

模块模式或模块化

来自分类Dev

IFC Loader for three.js?

来自分类Dev

Glide Image Loader中的OutOfMemoryError

来自分类Dev

模块化 JS 中的类扩展

来自分类Dev

Android中模块化AsyncTask的设计模式

来自分类Dev

Google Apps脚本中的模块化模式

来自分类Dev

如何在模块化设计模式中嵌套功能?

来自分类Dev

如何在模块化设计模式中嵌套功能?

来自分类Dev

错误:无法解析模块“ babel-loader”

来自分类Dev

内部/模块/ cjs / loader.js:800 throw err

来自分类Dev

React.js-babel-loader-意外令牌

来自分类Dev

OBJ Loader THREE.JS问题

来自分类Dev

android loader中的数据库操作

来自分类Dev

如何访问Loader的sourceComponent中的QML对象?

来自分类Dev

在webpack loader测试中需要什么

来自分类Dev

sql loader中的select语句问题

来自分类Dev

在Rails中配置loader.io

来自分类Dev

在Loader CSS中居中对齐旋转的SVG

来自分类Dev

如何完全禁用jQuery Mobile中的Loader

来自分类Dev

SQL Loader中的注释,CSV文件

来自分类Dev

尽管已经安装,但无法解析模块 style-loader!css-loader

来自分类Dev

了解揭示模块化模式

来自分类Dev

如何在Node JS中模块化代码

来自分类Dev

在Node.js中的文件之间模块化功能

来自分类Dev

加载程序列表中的元素应具有sass-loader webpack的“ loader”或“ loaders”

来自分类Dev

加载程序列表中的元素应具有sass-loader webpack的“ loader”或“ loaders”

来自分类Dev

systemd-boot跳过引导菜单,并忽略/loader/loader.conf中的设置

来自分类Dev

Three.js Loader.load()中的错误处理