js库,如何支持AMD

Posted zyy-bk

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js库,如何支持AMD相关的知识,希望对你有一定的参考价值。

对于一般环境,我们直接将模块函数运行后端的返回值赋值给一个window下的变量就可以了。

对于AMD环境下,刚才我们说过要用define来定义函数。所以对于这两种情况我们可以这样处理:

 ;(function (factory){
 2     if ( typeof define === "function" && define.amd ) {
 3 
 4         // AMD. Register as an anonymous module.
 5         define(factory);
 6     } else {
 7 
 8         // Browser globals
 9         // 以我的库为例  返回mTools
10         window.mTools = factory();
11     }
12 })(function(){
13     我们的js库
14     return {
15        //模块返回值
16     }        
17 
18 });

以上是关于js库,如何支持AMD的主要内容,如果未能解决你的问题,请参考以下文章

Chrome-Devtools代码片段中的多个JS库

把自己的js模块兼容到AMD CMD CommonJS

如何使用支持库 25.0.0 及更高版本获取片段()

AMD与CMD区别

如何使用模块化代码片段中的LeakCanary检测内存泄漏?

十条jQuery代码片段助力Web开发效率提升