Requirejs 使用

requirejs是一个管理js模块加载与依赖包,可以不使用script标签来加载js文件
1.引用requirejs文件

1
<script data-main="scripts/main" src="scripts/require.js"></script>

2.配置, 更多配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
requirejs.config({

    //默认加载模块路径
    baseUrl: "js/lib"

    //指定模块的路径
    paths:{
        //前面别名, 后面路径
        "jquery" : "js/core/jquery.2.0.js",
        "backbone" : "js/core/backbone0.9.js",
        "underscore": "js/core/underscore.js"
    }

    //设置依赖关系
    shim:{
        backbone:{
            deps:["underscore", "jquery"],
            //可以使用全局别名
            exports: "Backbone"
        }
    }
})

3.使用

1
2
3
4
5
6
7
8
9
10
11
12
13
// js/dom.js
define(["backbone"], function(Backbone){
    LoginView = Backbone.View.extend({
        ...
    });
    return LoginView
})

require(["js/dom"], function(LoginView){
    new LoginView(
        ...
    )
})

Comments

Copyright © 2017 kaka