Layui按需加载

Layui按需加载

代码如下

layui.config({
            base: '/js/'
        }).use(['layer', 'util', 'treeTable'], function () {
            var $ = layui.jquery;
            var layer = layui.layer;
            var util = layui.util;
            var treeTable = layui.treeTable;
        })

config的设置是全局的

base: '/js/' 指定文件夹

treeTable js文件名

后边还可以接着加js文件： ,'test'

       layui.config({
           base: '/'
       }).extend({
           treetable: 'js/treetable3'//相对于上述 base 目录的子目录
       }).use(['layer', 'table', 'treetable'], function () {
           var $ = layui.jquery;
           var layer = layui.layer;
           var util = layui.util;
           var treeTable = layui.treeTable;
       })

layui官网解释

//config的设置是全局的
layui.config({
  base: '/res/js/' //假设这是你存放拓展模块的根目录
}).extend({ //设定模块别名
  mymod: 'mymod' //如果 mymod.js 是在根目录，也可以不用设定别名
  ,mod1: 'admin/mod1' //相对于上述 base 目录的子目录
});
 
//你也可以忽略 base 设定的根目录，直接在 extend 指定路径（主要：该功能为 layui 2.2.0 新增）
layui.extend({
  mod2: '{/}http://cdn.xxx.com/lib/mod2' // {/}的意思即代表采用自有路径，即不跟随 base 路径
})
 
//使用拓展模块
layui.use(['mymod', 'mod1'], function(){
  var mymod = layui.mymod
  ,mod1 = layui.mod1
  ,mod2 = layui.mod2;
  
  mymod.hello('World!'); //弹出 Hello World!
});

https://www.layui.com/doc/base/modules.html