requirejs例子

tree一下

├── aaa.html
└── js
    ├── avalon.js
    ├── jquery.min.js
    ├── main.js
    ├── myjs.js
    ├── myjs1.js
    └── require.js

 

aaa.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--这个放body里面有可能会被加载两次-->
    <script src="js/require.js" data-main="js/main"></script>
</head>
<body>
</body>
</html>

 

main.js

requirejs.config({
    urlArgs: Date.now(),

    //baseUrl: 'js',
    paths: {
        jquery: './jquery.min',
        myjs: './myjs',
        myjs1: './myjs1'
    },
    shim : {
        //myjs1: { exports: 'getHello' }
        myjs1: {
            init: function() {
                return {
                    myjs1: hello
                }
            }
        }
    }
});

require(['jquery','myjs','myjs1'], function(m1, m2) {
    console.log(m2.getHello());
    console.log(getHello());
});

 

myjs.js

define(function () {
    return {


        getHello: function () {
            return 'Hello World';
        }


    };
});

 

myjs1.js

function getHello(){
    return 'Hello from myjs1';
}

 

有价值的参考链接

http://www.haorooms.com/post/requirejs_sy_lj

 

你可能感兴趣的:(requirejs例子)