RequireJS 快速上手

最新推荐文章于 2019-06-17 18:22:17 发布

转载最新推荐文章于 2019-06-17 18:22:17 发布 · 68 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/412638

本文介绍如何使用RequireJS来管理JavaScript项目。首先从官方网站下载RequireJS并放置于项目的js目录下，然后通过两种方式引入：一是在head标签内，二是置于body标签结束前以避免影响页面渲染。接下来通过requirejs函数加载所需的模块。

RequireJS官方网站： http://requirejs.org/

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