RequireJS

 index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>RequireJS</title>
    <!--<script data-main="js/main.js" src="js/require.js"></script>-->
    <script src="js/require.js"></script>
    <script src="js/main.js"></script>
</head>
<body>
<div>
        text

</div>

<script type="text/javascript">
    //引用first.js文件
    require(["first"])
</script>
</body>
</html>

 main.js 配置全局

(function(){

    requirejs.config({
        baseUrl: window.location.href+'/js',
        //常用类库
        paths:{
            jquery : "jquery-1.11.3.min"
        }
    });

}())

    //配置全局格式
    (function(){
        requirejs.config({
            baseUrl: window.location.href+'',
            //常用的类库(插件)
            paths:{

            }
        });
    }())

 first.js

//define("a",["jquery","backbone"],function($,Backbone){  .....逻辑 })
//模块a, 需要引用依赖 jquery 和 backbone, 在逻辑的函数function中,$ 和 Backone 分别是引用的参数

//定义模块,依赖文件,逻辑函数
define("first",["jquery"],function($){
    $("div").html("成功!");
})


你可能感兴趣的:(RequireJS)