RequireJS依赖关系的示例分析

这篇文章主要介绍RequireJS依赖关系的示例分析，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

创新互联是一家专注于成都网站设计、做网站与策划设计,肃北网站建设哪家好?创新互联做网站,专注于网站建设十余年,网设计领域的专业建站公司;建站业务涵盖:肃北等地区。肃北做网站价格咨询:028-86922220

下面有个html页面：

<html> 
 <head> 
  <title>configuration</title> 
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
  <link type="text/css" href="../master/plugin/artDialog4.1.6/skins/blue.css" rel="stylesheet"/> 
  <script data-main="../master/script/app/config" src="../master/script/third_party/require.js"></script> 
 </head>

最有一个script语句引入了require.js文件，并且在data-main中指定了另一个js文件：config.js，我定义如下：

require.config({ 
  paths: { 
    "jquery": "../third_party/jquery-1.8.0.min", 
    "jquery.validate": "../../plugin/jquery-validation-1.9.0/jquery.validate", 
    "jquery.artDialog": "../../plugin/artDialog4.1.6/jquery.artDialog" 
  } 
}); 
 
require(["jquery"], function(util) { 
 
  require(["jquery.validate", "jquery.artDialog"], function(util) { 
 
    require(["masterUI", "masterSite", "configuration"], function(util) {                                                                
      $(document).ready(function() { 
    window.configuration.init(); 
      }) 
    }); 
  }); 
});

require.config中配置了引入的第三方的js库的js文件所在位置，包括jquery, jquery.validate和jquery.artDialog

之后三个require调用，一层套一层，注意依赖顺序就是内层依赖外层。最先要被加载的就写到最外层。

最里面写了一个调用，$(document).ready(...) 本来一般写在html页面里面来的，这样好了。又和html解耦了。

以上是“RequireJS依赖关系的示例分析”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

新闻名称：RequireJS依赖关系的示例分析
文章路径：https://www.cdcxhl.com/article44/gddoee.html

成都网站建设公司_创新互联，为您提供企业网站制作、关键词优化、App设计、品牌网站制作、外贸网站建设、

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容