配置模块 - AuxUI - 模块化前端UI框架

配置模块路径实例

<script type="text/javascript">
auxui.config({

    //项目JS主入口
    baseUrl ： '/js/',//所有模块的查找根路径

    //映射路径
    paths: {

        //模块名 ： 模块文件路径，不带文件后缀js
        "tab": "/modules/tab",
        "form": "/modules/form",

        //同一个模块多个路径，当有一个模块加载失败时，自动往下加载
        "element": [
            "/modules/element", //如果这个模块加载错误404，自动往一个加载
            "/modules/element-1.0",
        ]
    }

});
</script>

配置不支持AMD的库和插件

<script type="text/javascript">
auxui.config({

    //项目JS主入口
    baseUrl ： '/js/',//所有模块的查找根路径

    //映射路径
    paths: {

        //模块名 ： 模块文件路径，不带文件后缀js
        "jquery": "/lib/jquery",
        "bootstrap": "/lib/bootstrap",
        "modernizr": "/lib/modernizr"

    },

    shim: {

        'bootstrap' : {    //不支持AMD的模块

            deps : ['jquery'], //依赖的模块

            //exports : '' //全局变量作为模块对象

        },

        'modernizr' : {    //不支持AMD的模块

            //modernizr不依赖模块，所有可以忽略deps
            //deps : ['jquery'], //依赖的模块
            exports : 'Modernizr' //全局变量作为模块对象

        }

    }

});
</script>

配置不同版本模块

<script type="text/javascript">
auxui.config({

    //项目JS主入口
    baseUrl ： '/js/',//所有模块的查找根路径

    //urlArgs : '', //下载文件时，在url后面增加额外的参数

    //waitSeconds : 7, //下载JS等待时间，默认7秒，0为禁用等待超时时间

    //映射路径
    paths: {

        //模块名 ： 模块文件路径，不带文件后缀js
        "jquery": "/lib/jquery",
        "bootstrap": "/lib/bootstrap",
        "modernizr": "/lib/modernizr"
    },

    //模块版本
    map : {

        'app/lib' : {   
            "jquery": "/lib/jquery1.0"
        },

        'app/lib2' : {
            "jquery": "/lib/jquery2.0"
        }

    }

});

//调用jquery2.0
auxui(['app/lib2'], function($){
    //加载完成后执行
    //...
});

</script>