在thinkphp的index.html中，加載了requireJS,requireJS加載了自定義模塊。請問如何在前臺HTML頁面中調(diào)用自定義模塊里的屬性或方法。

index.html

<script src="/Public/vendor/require/require.js" data-main="/Public/main.js"></script>
<a id="a">按鈕</a>
<script type="text/javascript">//這里輸出common is not defined
    console.log(common);
</script>

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中調(diào)用自定義模塊common.js里的屬性或者方法？
我是想把一些類似ajax的基本操作，封裝到common.js中，在不同的前臺頁面里，調(diào)用common.js中的各種方法使用。
現(xiàn)在好像只能在main.js中加載common模塊，然后在整個require方法中去實現(xiàn)業(yè)務(wù)邏輯，這樣感覺main.js會越來越臃腫。

請問實現(xiàn)這樣的效果，還有什么更好的辦法嗎？