layui.define(function(exports){ // 需确保您的 layui.js 是引入的构建后的版本(即官网下载或 git 平台的发行版) //直接可得到各种内置模块 var layer = layui.layer; //… layer.msg(‘Hello World‘); exports(‘index‘, { msg: ‘Hello Demo‘}); //注意,这里是模块输出的核心,模块名必须和 use 时的模块名一致 });
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>huluxia</title> <link rel="stylesheet" href="layui/css/layui.css"> </head> <body> <script src="layui/layui.js" charSet="utf-8"></script> <!-- 注意:如果你直接复制所有代码到本地,上述 JS 路径需要改成你本地的 --> <script> layui.config({ dir: ‘./layui/‘ //layui.js 所在目录(如果是 script 单独引入 layui.js,无需设定该参数)一般可无视 ,version: true //一般用于更新模块缓存,默认不开启。设为 true 即让浏览器不缓存。也可以设为一个固定的值,如:201610 ,debug: true //用于开启调试模式,默认 false,如果设为 true,则JS模块的节点会保留在页面 ,base: ‘./modules/‘ //设定扩展的 layui 模块的所在目录,一般用于外部模块扩展 }); </script> <script> layui.config({ base:‘./modules/‘ }).use(‘index‘); </script> </body> </html>