RequireJS总结

RequireJS总结

亲爱的孟良,我搞不懂你为什么记不住怎么写

  • 怎么用
    • html页面引入<script src="require.js" data-main="mainModule.js">
    • data-main中写的是主模块
  • 主模块是什么鬼
    • 所有要加载的js的集合
  • 主模块怎么写
    //配置模块的加载位置
    require.config({
        baseUrl:'../../../static/SuperAdmin',//设置基本路径,不写的话默认为mainModule.js的路径
        paths: {
            'jquery': 'lib/jquery',
            'search': '/Report/search'
        },
        shim: { 
            //所有不符合AMD规范的模块要这样写,怎么知道不符合呢?当然是报错了就是不符合 🙄️
            //所谓的符合即按照AMD规范并且使用define函数定义的模块
            'search': {
                deps: ['jquery'],
                exports: 'search'
            }
        }
    })
    //配置需要的模块
    require([
    'jquery',
    'search'
    ], function($, search) {
        //所有的模块加载成功之后会被调用
        'use strict';
        //各种代码、各种调用,这里会掉函数与之前的模块名位置是对应的    
    });
    
  • 子模块怎么写
    define([
    'require',
    'jquery'
    ], function(require, $) {
       'use strict';
       return function search(){
           //...
       }
      
    });
    //这样在主模块的回调函数中使用search函数啦 🌸
    
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容