Requirejs(shim)加载非AMD规范的js文件

v1 发布于2019-08-21 10:50 / 3349人阅读

摘要：因为这个坑了哥一下午的值为提供的对外接口的名称此处就会打印中对外提供的接口对象啦转自

如果想在requirejs中嵌入自己以前的某些代码，但是这些代码没有遵守AMD规范，该怎么办呢？骚年不用担心,require的config中的shim能帮你解决痛苦!例如本人的文件目录结构如下:

我想要在quikTip.js文件中使用framewokr.js提供的对象，但是framework.js是不遵守AMD规范的，在quikTip.js文件中require framework模块之前必须先处理下framework.js使其符合AMD规范，代码如下:

require.config({
baseUrl:"js/utily",//指定js文件的基路径
shim:{
         "framework":{//这个键名为要载入的目标文件的文件名，不能随便命名否则加载framework.js文件后是拿不到改文件对外提供的接口的。因为这个坑了哥一下午!!!
             exports:"PXJSFrame"//exports的值为framework.js提供的 对外接口的名称
         }
     }
 });
 
 require(["framework"],function(frame){
     var PXJSFrame = frame;
     console.log(frame);//此处就会打印framework.js中对外提供的接口对象啦
 }

转自：http://www.w2bc.com/Article/40085

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/86279.html

RequireJS配置项笔记

摘要：读不顺中文文档，对应中文文档，自行翻译的如果有问题错误，欢迎指点修改配置选项方法一在顶级页面或顶级脚本文件没有定义模块的脚本文件中配置方法二在主模块中配置缺点主模块异步加载，多入口的话，会随机报错方法三在调用之前，将配置定义为全局变量配置在读不顺中文文档，对应中文文档，自行翻译的……如果有问题/错误，欢迎指点；修改配置选项：方法一、 requi...

FWHeart 2019-08-19 18:01 评论0 收藏0
JS 模块化编程 require.js 的用法

摘要：使用，会在相关的加载后执行回调函数，这个过程是异步的，所以它不会阻塞页面。加载的模块会以参数形式传入该函数，从而在回调函数内部就可以使用这些模块。什么是RequireJS? RequireJS 是一个JavaScript模块加载器。它非常适合在浏览器中使用, 但它也可以用在其他脚本环境, 就像 Rhino and Node. 使用RequireJS加载模块化脚本将提高代码的加载速度和...

xumenger 2019-08-20 18:34 评论0 收藏0
RequireJS:一款优秀的AMD模块加载器

摘要：概述是一款遵循规范协议的模块加载器，不但能在浏览器端充分利用，同样能在其他的运行时环境，比如和。使用像这样的模块加载器能提高代码的质量和开发速度。一般放在页面的入口出，用来加载其他的模块。 RequireJS概述 RequireJS是一款遵循AMD规范协议的JavaScript模块加载器，不但能在浏览器端充分利用，同样能在其他的JavaScript运行时环境，比如Rhino和No...

syoya 2019-08-21 10:21 评论0 收藏0
require.js学习记录

摘要：工作方式为使用将每一个依赖加载为一个标签。然后在被浏览器加载完毕后，便会自动继承之前配置的参数。可以单独定义键值队数据，作为配置文件来使用还可以定义依赖的关系压缩使用来进行压缩时，需要指定文件。在链接中有很好的示例，可以参看学习。 1、简介官方对requirejs的描述：RequireJS is a JavaScript file and module loader. It is o...

邹强 2019-08-23 12:18 评论0 收藏0
RequireJS进阶:配置文件的学习

摘要：概述强大灵活的运用是通过配置文件决定的。下面通过示例来进行深度的探讨配置文件的使用。配置文件的位置配置文件的位置和声明用法是相对于这个脚本文件来决定的。配置文件参数的介绍所有模块的查找根路径。概述 Requires强大灵活的运用是通过配置文件决定的。通过配置文件我们可以给模块取别名、给模块加上版本标识、设置模块依赖、包装非模块等强大功能。同时RequireJS的优化器也大量使用了配...

lemon 2019-08-14 11:55 评论0 收藏0