requirejs使用(一)

简单来讲,requirejs就是用define来声明模块,用require来执行模块

requirejs 加载的模块都符合AMD,也就是说自己写的模块都必须符合AMD规范,下边来说下AMD模块的写法。

  • 在介绍前,先描述下简单的目录结构
目录结构
project
        |scripts
              |libs
                  jquery.min.js
                   // other js files
              |control
                   module1.js
                   main.js//入口文件
                   others
        index.html
  • index.html引用
<script src="js/libs/require.js" data-main="js/main.js"></script>

通常我们用define 来定义一个模块

  • 配置main.js
require.config({
    baseUrl: "js",
    paths: {   
         "jquery": "libs/jquery-1.11.3",   
         "m1":'control/module1'}
});
* 声明模块
//目录结构中文件名  module1.js

define(function(){
return {
init: function(){
console.log(1)
}
}
})

如果模块需要依赖于jquery

define(['jquery'],function($){
return {
init: function(){
console.log($)
}
}
})

* 加载使用

require(['jquery','m1'],function(j,m){
//dosomething
})


思考: 一个完整的项目具有不同的页面,如何对不同的页面进行按需加载?




最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容