layui 集成第三方和自定義組件到模塊規範

一、新建一個layui.extend.js文件，頁面調用時這個文件放到layui.js後面。

二、基礎的配置卸載config中，擴展的組件寫入extend，組件的路徑是相對於config下base的路徑。

例如：

layui.config({
version: false, //通常用於更新模塊緩存，默認不開啓。設爲true即讓瀏覽器不緩存。也能夠設爲一個固定的值，如：201610
debug: false, //用於開啓調試模式，默認false，若是設爲true，則JS模塊的節點會保留在頁面
base: '/Resource/layuiadmin/lib/' //設定擴展的Layui模塊的所在目錄，通常用於外部模塊擴展
}).extend({
index: 'index', //主入口模塊,
treetable: '../modules/treetable',
eleTree: 'extend/eleTree/eletree', // {/}的意思即表明採用自有路徑，即不跟隨 base 路徑
treeSelect: 'extend/treeSelect',
step: 'step-lay/step',
tableSelect: 'extend/tableSelect',
area: 'extend/areaselect/areaselect',
autocomplete: 'extend/autocomplete/autocomplete',
uploader: 'extend/uploader/uploader'
});

三、模塊調用

layui.use(['form', 'step', 'element', 'tableSelect', 'laytpl', 'laydate', 'area'], function () {

var form = layui.form;

var step = layui.step;

......

 var Project ={}//內部方法

 window.Operate={}//對外方法好比頁面點擊等

});