requirejs html调用,如何在html中加载requirejs自定义模块

在thinkphp的index.html中，加载了requireJS,requireJS加载了自定义模块。请问如何在前台HTML页面中调用自定义模块里的属性或方法。

index.html

按钮

console.log(common);

main.js

requirejs.config({

baseUrl:'/Public/',

paths:{

'jquery':'vendor/jquery/jquery',

'common':'myjs/common'

},

shim: {

'jquery':{

'exports':"jQuery"

}

}

});

require(['jquery','common'],function($,common){

$('#a').click(function() {

console.log(common.username);

});

});

common.js

define(['jquery'],function($){

return ({

username:'AAA'

});

});

——————————————————————————————————————————

请问如何在index.html中调用自定义模块common.js里的属性或者方法？

我是想把一些类似ajax的基本操作，封装到common.js中，在不同的前台页面里，调用common.js中的各种方法使用。

现在好像只能在main.js中加载common模块，然后在整个require方法中去实现业务逻辑，这样感觉main.js会越来越臃肿。

请问实现这样的效果，还有什么更好的办法吗？