require.js的shim配置方法

来源:赵克立博客分类: 前端开发标签：requirejs发布时间:2018-12-29 17:32:02最后更新:2019-04-22 17:43:57浏览:1448

本文为博主原创文章，转载请声明原文链接...谢谢。o_0。

原文链接:

http://www.zhaokeli.com /article/8513.html

更新时间：

2019-04-22 17:43:57

温馨提示：

学无止境,技术类文章有它的时效性,请留意文章更新时间,如发现内容有误请留言指出,防止别人"踩坑",我会及时更新文章

使用requirejs中不可避免的要使用一些第三方库(不符合amd加载的库),这个时候我就可以使用shim配置项来实现加载

配置文件如下

require.config({
     //默认的库加载目录
    'baseUrl': '/public/admin/default/js/lib/',
    //直接指定库的所在路径
    'paths': {
        'initpage': '/public/admin/default/js/lib/initpage.min',
        'jquery': '/public/static/js/jquery',
        'ueditor':'/public/static/ueditor/uditor',
        'jquery.scroll':'/public/static/jquery.scroll'
    },
    //第三方不符合amd加载的库使用方法
    shim: {
        //定义依赖
        'ueditor': ['ueditor.config'],
        //定义依赖和导出变量
        'jquery.scroll': {
        　　　deps: ['jquery'],
        　　　exports: 'jQuery.fn.scroll'
        }
    }
});

如上面所示ueditor不符合规范需要有两个地方配置

path 中配置ueditor这个脚本的加载路径
shim 中配置不符合规范的库的一些这依赖和导出对象,键值要和path中的一至
另一个库 jquery.scroll 使用啦另一种方式来定义依赖,并且还有个exports参数，这个参数的值要跟脚本中暴露在全局的变量名一至。这样定义后在jquery.scroll加载完成后会填充到回调里面使用