Require.js中shim的用法

原创于 2018-08-01 15:09:07 发布 · 4.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#require.js #requirejs #sim #jquery插件

requirejs 同时被 2 个专栏收录

3 篇文章

订阅专栏

模块化

3 篇文章

订阅专栏

本文介绍了如何使用RequireJS加载普通JavaScript文件及jQuery插件。通过配置paths和shim属性实现不同资源的有效管理，并展示了具体的调用示例。

普通js文件加载

//test.js
function test() {  
}

//配置
require.config({
    paths: {
        test: 'lib/shim/test'
    },
    shim: {
         test: {
            exports: 'test'
        }
    }
});

//调用
require(['test'], function(test) {
	console.log(test);
});

jquery插件加载

//配置
require.config({
    paths: {
        jquery: 'lib/jquery-2.1.1.min',
        'jquery.bootstrapTable': 'lib/shim/bootstrap-table'
    },
    shim: {
         'jquery.bootstrapTable':  ['jquery'] //依赖jquery
         /* 或者
         'jquery.bootstrapTable': {
            deps: ['jquery'],
            exports: 'jQuery.fn.bootstrapTable'
         }
         */
    }
});

//调用
require(['jquery.bootstrapTable'], function() {
	console.log($('div').bootstrapTable);
});