requirejs加载文件

来源:互联网 发布:1099端口被占用 编辑:程序博客网 时间:2024/05/16 14:44

用script引入require.js文件。加载requirejs脚本的script标签加入了data-main属性,这个属性指定的js将在加载完reuqire.js后处理

<script type="text/javascript" src="./lib/requirejs/require.js" data-main="main"></script>

require.config是用来配置模块加载位置,加载js

require.config({    paths : {        "jquery" : ["http://libs.baidu.com/jquery/2.0.3/jquery"],        "a" : "js/a"       }})require(["jquery","a"],function($){    $(function(){        alert("load finished");      })})

paths还有一个重要的功能,就是可以配置多个路径,如果远程cdn库没有加载成功,可以加载本地的库

require.config({    paths : {        "jquery" : ["http://libs.baidu.com/jquery/2.0.3/jquery", "js/jquery"],        "a" : "js/a"       }})require(["jquery","a"],function($){    $(function(){        alert("load finished");      })})

requirejs.config配置paths,配置目录和配置文件的区别

requirejs.config({    baseUrl: 'libs',    paths: {        "cores": 'cores',        "utils": 'utils',        "services": 'services'    }});require(["cores/core1","cores/core2","utils/util1","utils/util2","services/service1","services/service2"], function() {});

配置目录的好处在于:不需要在main.js中配置每一个模块id和模块js文件的映射关系,能够减少main.js中配置的数量。配置文件的好处在于:模块id更加简单

总结下,requirejs是如何加载”path/module”这种格式的模块了。

1.首先看requirejs.config()中paths是否配置了”path/module”这个配置项。如果配置了,”path/module”会被认为是一个普通的模块名。如果没有配置,那么执行第二步。

2.将”path/module”看成是文件系统上的路径,通过目录和文件名来确定需要加载的模块。如果仍然没有找到,那么requirejs会报错。