layui 添加第三方插件

关于 layui 添加第三方 JS 库

    在写公司项目时，需要将第三方 JS 库整合到 layui 中，具体操作如下：

示例：https://www.jianshu.com/p/7a182e8bff10

社区最佳回答：https://fly.layui.com/jie/5076/

layui.define(function(exports){ //提示：组件也可以依赖其它组件，如：layui.define('jquery', callback);
  //插件内容
  //输出test接口
  exports('test');
});

//如果有依赖的css则是
layui.define(function(exports){ 
  //插件内容
  //输出test接口
  exports('test');
}).addcss('css相对于这个js的路径');

//调用
layui.config({
  base: '/res/js/' //假设这是test.js所在的目录   可以把你需要扩展的js插件都放在一个文件夹内
}).extend({ //设定组件别名
  test: 'test' 
});
 
//使用test
layui.use('test', function(){
  var test = layui.test;
  //插件的调用  有依赖就加依赖，比如jq
});

 

关于升级 layui 中的 jQuery

    因为 layui 框架使用的是原始 JS 方式实现，不依赖jQuery，so：

打开 jQuery 最新版  →  复制内容  →  打开layui内jQuery.js文件  →  粘贴  →  在 return jQuery; 之上添加以下内容：

//将jQuery对象局部暴露给layui
layui.define(function(exports){
  layui.$ = jQuery;
  exports('jquery', jQuery);
});

    搞定！