RequireJS 快速上手

2023-05-18,,

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()进行调用
    });

《RequireJS 快速上手.doc》

下载本文的Word格式文档,以方便收藏与打印。