最阳光的歌词,RequireJS依照基U牧马人L来加载全体的代码

1.理想—赵雷

RequireJS根据基UCR-VL来加载全数的代码。基U凯雷德L一般情形下被暗中同意为data-main属性中内定脚本所在的目录,该脚本是为页面而加载的超级脚本。data-main属性是二个与众不相同的性子,require.js将会检讨并初阶加载该脚本文件。以下示例将以二个本子的基UCRUISERL截止:

最动人的乐章:垂死坚定不移,全体消解,

理想状态下,你所加载的模块将变成模块,那一个模块通过调用define()函数来定义。但是,你也许供给利用部分古板的‘浏览器全局’脚本,这个本子不会使用define()来定义他们的重视。出于那么些指标,你能够应用shim
config
。该工具能够很好地发布他们的重视。

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

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模块全部能被加载并能在此被使用 });

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


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

4.脚本-王力宏

用作示范的壹有的,那几个零部件库,例如jQuery在它们的文书名高中级都尚未出现版本数字。假设你想追踪版本,大家引入将版本消息保存在单身的公文文件中,或然你能够运用像volo那类工具,那类工具将会创制起三个封存有版本消息的package.json文件在硬盘上。那样你就能够拓展相当细小的配置,而不是为各种库在配备中国建工业总会公司立起独立的进口。例如,配置’jquery’为’jquery-一.七.二’。

最刺痛人心的乐章:理想今年您几岁,你总是吸引着年轻的恋人。

  • 以“.js”结尾
  • 以“/”开头
  • 含有三个UCRUISERL协议,例如“http:”、“https”

三.直至世界尽头――张杰

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

最扎心的歌词:看完这么些剧本,陷得好深好深,要本身怎么演好爱你的人。

RequireJS同时也只要私下认可情形下拥有的借助都以本子文件,由此,你不须求在模块ID上加上.js后缀。RequireJS在将模块ID转换为路径时,自动为其丰裕默许扩充名。通过选用paths
config,你能够建立起1组脚本文件的位置。全体的这么些成效使得你输入地更加少。

在index.html中:

诚如景况下,最棒使用基U路虎极光L以及“paths”配置来为模块ID设立路径。通过如此做,今后您在重命名以及为优化版本配置分歧的门径时,将越发的灵敏方便。

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

RequireJS选择与观念的<script>标签不一致的点子来加载脚本文件。但是,那样的主意依然能够以最优的性质神速运行,那种办法的主要对象是鞭策代码的模块化。鼓励采纳模块ID而非脚本便签内的ULLacrosse也是那种艺术的组成都部队分。

唯恐有个别时候你想一贯引用1个剧本文件,而不依据“baseU纳瓦拉L+paths”。倘诺一个模块ID中有刹那间的字符之壹的,该ID将不会选拔“baseUSportageL+paths”配置来传递,仅仅将其视为普通的UCRUISERL:

即使您抒发注重,你很恐怕会遇到加载错误,因为RequireJS为了加紧加载速度,将异步严节地加载脚本文件。

在app.js中:

要么,你能够手动地在RequireJS
config个中安装。假如未有显式的安排文件以及data-main被选用,那么基ULacrosseL将暗中认可为运维RequireJS的文书档案所在的目录。

诚如地,为了制止一而再串有关配置,最棒制止为脚本设置过深的目录,而是利用基Url,或许您想透过将你的行使代码与库代码可能是组装代码分隔断来,你能够使用以下目录布局: