RequireJS学习

来源：互联网发布：剑灵捏脸数据人男编辑：程序博客网时间：2024/06/15 19:09

http://requirejs.org/docs/

index.html

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <script type="text/javascript" data-main="js/main" src="requirejs/require.js"></script></head><body>abc<div>    <div>        <h1>Require Demo 1 -- usage of Require()</h1>        <button id="contentBtn">Click me</button>        <p id="messagebox"></p>    </div></div></body></html>

main.js

require.config({    /*指定根目錄*/    baseUrl:'./js/',    /*配置js,以后只需要写id就行了*/    paths:{        'jquery':'../jquery/jquery-1.9.1.min'    }});require(['jquery'],function ($) {    $(document).on('click','#contentBtn',function(){        $('#messagebox').html('You have access Jquery by using require()');        /*按需加載js*/        require(['user'],function (user) {            alert(JSON.stringify(user.desc));        });    });});

user.js

/*定义模块*/define(['userTemp'],function () {    return {        desc: 'this js will be request only if it is needed'    }});

userTemp.js

alert('this is usertemp')

阅读全文

0 0