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);
});

    搞定！