RequireJS__r.js

RequireJS以一個(gè)相對(duì)于baseUrl的地址來加載所有的代碼。頁面頂層<script>標(biāo)簽中含有一個(gè)特殊的屬性data-main,require.js來使用它來啟動(dòng)腳本加載過程,而baseUrl一般設(shè)置到與該屬性相一致的目錄。

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

這樣,使用requireJS之后就只需要寫一個(gè)script標(biāo)簽即可,瀏覽器在執(zhí)行的時(shí)候,不會(huì)識(shí)別data-main中的入口js文件,只會(huì)識(shí)別src中的require.js框架文件,然后在require.js的執(zhí)行過程中,會(huì)去查找data-main中的入口文件,再去執(zhí)行入口文件。

也可以手動(dòng)在入口js中設(shè)置requirejs.config,在里面設(shè)置baseUrl和path,可以相對(duì)方便一點(diǎn)。
比如說有如下結(jié)構(gòu)的文件:

    -project/
        -index.html
        -js/
            -app/
                -sub.js
            -lib/
                -jQuery.js
                - canvas.js
            -app.js

project文件夾下面有index.html和js文件夾,然后js文件夾下面又相對(duì)的有三個(gè)文件夾存放對(duì)應(yīng)文件,app.js為入口文件,就可以在app.js中設(shè)置requirejs.config

    requirejs.config ({
        baseUrl: 'js/lib',
        
        path: {
            app: '../app',
        }
    });

設(shè)置了baseUrl之后,要require模塊可以直接相對(duì)于baseUrl來寫,比如我們要請(qǐng)求js/lib下的jquery.js,直接寫成require('jquery')就可以,然后path內(nèi)設(shè)置其他文件夾相對(duì)于baseUrl的路徑,要require的話,設(shè)置了path之后也可以直接寫,例如我們?cè)O(shè)置了app文件夾的path為../app,即相對(duì)于baseUrl的地址,我們要require app文件夾下的sub.js時(shí)就可以直接寫成require('sub').
使用舉例:

    //我們要使用上面例子中的依賴模塊
    requirejs(['jquery','canvas','app/sub'], function ($, canvas, sub) {
        //上面三個(gè)依賴模塊已經(jīng)加載完,并且在這就可以使用了
    })
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 示例代碼地址 1.如下requirejs配置中, baseUrl 有什么作用?以什么作為基準(zhǔn)? paths 的作用...
    candy252324閱讀 2,150評(píng)論 0 0
  • 如下requirejs配置中, baseUrl 有什么作用?以什么作為基準(zhǔn)? paths 的作用和用法是什么? b...
    coolheadedY閱讀 437評(píng)論 0 0
  • Q&A: 1. 如下requirejs配置中, baseUrl 有什么作用?以什么作為基準(zhǔn)? paths 的作用和...
    進(jìn)擊的阿群閱讀 466評(píng)論 0 2
  • 1.如下requirejs配置中, baseUrl 有什么作用?以什么作為基準(zhǔn)? paths 的作用和用法是什么?...
    浩天天閱讀 305評(píng)論 0 0
  • 如下requirejs配置中, baseUrl 有什么作用?以什么作為基準(zhǔn)? paths 的作用和用法是什么? b...
    StarLikeRain閱讀 293評(píng)論 0 0

友情鏈接更多精彩內(nèi)容