requirejs加载远程非AMD规范js及和seajs规范CMD比较

最新推荐文章于 2023-03-09 10:27:59 发布

Kelanss

最新推荐文章于 2023-03-09 10:27:59 发布

阅读量3.1k

点赞数

分类专栏：前端开发文章标签： seajs requirejs 规范 javascript

本文链接：https://blog.csdn.net/kelanQ/article/details/51728119

版权

本文探讨了requirejs如何加载非AMD规范的远程JS，并将其与seajs的CMD规范进行比较。在requirejs中，可以通过define方法定义模块，包括id、deps和factory参数。在开发过程中，建议避免手动指定id和deps，这些可以在构建阶段自动生成。require方法用于获取其他模块的接口，exports用于暴露模块接口，而module对象提供了与模块相关的属性和方法。

摘要由CSDN通过智能技术生成

requirejs加载远程非AMD规范的模块（js）（非AMD规范的模块在用require()加载之前，需要先用require.config()方法，定义它们的一些特征。如下）

require(['qsearch'],function(_Qsearch){
  
new _Qsearch(this,{
   }); //调用qsearch里面的构造方法
});

需要一个config.js文件，配置路径：

require.config()接受一个配置对象，这个对象除了paths属性之外，还有一个shim属性，专门用来配置不兼容的模块。具体来说，每个模块要定义（1）exports值（输出的变量名），表明这个模块外部调用时的名称；（2）deps数组，表明该模块的依赖性。

require.config({
  
    baseUrl:"static/js", //如果是本地的话路径前缀配置
    shim: {
  
        'qsearch':{
  
            exports: 'qsearch'
        }
    },
    paths: {
  
        "qsearch": "http://static.1n4j.com/static/newStatic/common/js/ui/qsearch"
    }
});

在requirejs的引入的地方配置在 data-main里面配置config.js路径

<script type="text/javascript" data-main="$!staticModule.getTarget("/js/common/config")" src="$!staticModule.getTarget("/js/co

最低0.47元/天解锁文章

Kelanss

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
requirejs加载远程非AMD规范js及和seajs规范CMD比较

requirejs加载远程非AMD规范的模块（js）（非AMD规范的模块在用require()加载之前，需要先用require.config()方法，定义它们的一些特征。如下）require(['qsearch'],function(_Qsearch){new _Qsearch(this,{}); //调用qsearch里面的构造方法});需要一个config.js文件，配置路
复制链接

扫一扫

专栏目录