唯其如此听的歌单。Usage-1.1加载JavaScript文件。

1.理想—赵雷

RequireJS采用和民俗的<script>标签不同的主意来加载脚本文件。然而,这样的章程还是得以坐最好美的特性快速运行,这种方法的要对象是鞭策代码的模块化。鼓励采取模块ID而未下论就是签内的ULR也是这种方法的组成部分。

极端刺痛人心的乐章:理想今年公几年度,你连吸引着青春年少的情侣。

RequireJS根据基URL来加载所有的代码。基URL一般情形下叫默认为data-main属性中指定脚本所于的目,该脚本是啊页面而加载的一流脚本。data-main属性是一个异常之性,require.js将会见检查并开加载该脚本文件。以下示例将因一个本子的基URL结束:

2.静止—大张伟&杨乃文


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

无限动人的词:垂死坚持,全部消解,

或者,你可以手动地在RequireJS
config当中安装。如果没有显式的配备文件及data-main被下,那么基URL将默认为运行RequireJS的文档所在的目录。

3.直到世界尽头――张杰

RequireJS同时为要是默认情况下有的倚重还是本子文件,因此,你莫待以模块ID上加上.js后缀。RequireJS在以模块ID转换为路径时,自动为夫丰富默认扩展名。通过使用paths
config,你可建立于一组脚论文件的职。所有的这些成效令你输入地重少。

极端阳光的乐章:陪您翘首直到世界尽头,

莫不略时候你想一直引用一个本子文件,而不以“baseURL+paths”。如果一个模块ID中产生瞬间之字符之一之,该ID将无见面采用“baseURL+paths”配置来传递,仅仅用该就是普通的URL:

4.脚本-王力宏

  • 以“.js”结尾
  • 以“/”开头
  • 寓一个URL协议,例如“http:”、“https”

不过扎心的乐章:看罢这个剧本,陷得好酷好酷,要本人怎么演好爱你的总人口。

貌似情形下,最好用基URL以及“paths”配置来吧模块ID设立路径。通过如此做,今后您在再度命名和为优化版本配置不同之不二法门时,将更的灵敏方便。

貌似地,为了避免一连串有关配置,最好避免吗脚本设置了那个的目,而是用基Url,或者你想通过以您的以代码和库代码或者是组建代码分隔开来,你可采用以下目录布局:

www/
  |— index.html
  |— js/
    |— app/
      |—sub.js
    |— lib/
      |— jquery.js
      |— canvas.js
    |— app.js
    |— require.js

在index.html中:

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

在app.js中:

requirejs.config({ //默认情况下会在js/lib目录下加载任何模块ID baseUrl:'js/lib', //除非模块ID使用‘‘app’’开头,从js/app目录中加载它。 //路径配置是相对于基Url,而且不会包含任何的扩展 //名'.js',因为路径配置是为了目录 path:{ app:'.../app' } }); //主要应用逻辑开始 requirejs(['jquery','canvas','app/sub'], function($, canvas, sub){ //jQuery, canvas and the app/sub模块全部能被加载并能在此被使用 });

作为示范的同样局部,这些零件库,例如jQuery在她的文本称中还不曾出现版本数字。如果您想追踪版本,我们推荐以版本信息保存在单独的文书文件中,或者您得利用像volo这好像工具,这看似工具将会晤起于一个封存有版本信息的package.json文件在硬盘上。这样您就足以开展非常微小的布,而休是也每个库在配置中建立由独立的进口。例如,配置’jquery’为’jquery-1.7.2’。

不错状态下,你所加载的模块将成为模块,这些模块通过调用define()函数来定义。然而,你可能要利用一些风的‘浏览器全局’脚本,这些本子不会见以define()来定义他们的借助。出于此目的,你可以使shim
config。该工具能够好好地发挥他们之靠。

若果你抒发依赖,你死可能会见碰到加载错误,因为RequireJS为了加紧加载速度,将异步无序地加载脚本文件。

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注