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

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

2、基礎的配置卸載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'
});

3、模塊調用

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

var form = layui.form;

var step = layui.step;

......

 var Project ={}//內部方法

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

});