RequireJS 快速上手

RequireJS官方網站: http://requirejs.org/


  1. 下載requirejs文件,放到項目的js目錄文件夾下。



 2. 在頁面中引入requirejs文件,可採用如下兩種方式引用。


  2.1 在header中引入

<head>
  <title>My Sample Project</title>
  <!-- data-main attribute tells require.js to load
             scripts/main.js after require.js loads. -->
  <script data-main="scripts/main" src="scripts/require.js"></script>
</head>


  2.2 在body結束前引用,避免影響頁面渲染。


 3. 採用如下方式引入需要引用的js文件。

requirejs(["helper/util"], function(util) {
    //該函數引用helper目錄下的util.js文件
    //如果util.js定義了相關的依賴的話,會在依賴文件加載完畢後纔會加載該文件
    //需要需要調用util.js中的方法,使用util.method()進行調用
    });


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章