在使用layui模塊的時候，我們可以遵循它的模塊規範建立一個入口文件，並通過 layui.use() 方式來加載該入口文件，如下所示：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>開始使用layui</title>
<link rel="stylesheet" href="F:/layui/layui-v2.5.5/layui/css/layui.css">
</head>
<body>
<!-- 你的HTML代碼 -->
<script src="F:/layui/layui-v2.5.5/layui/layui.js"></script>
<script>
layui.config({
base: 'F:/layui/myTest/' //你存放新模塊的目錄，注意，不是layui的模塊目錄
}).use('index'); //加載入口
</script>
</body>
</html>
上述的 index 即爲你F:/layui/myTest/ 目錄下的 index.js，它的內容應該如下：
/**
項目JS主入口
以依賴layui的layer和form模塊爲例
**/
layui.define(['layer', 'form'], function(exports){
var layer = layui.layer
,form = layui.form;
layer.msg('Hello World');
exports('index', {}); //注意，這裏是模塊輸出的核心，模塊名必須和use時的模塊名一致
});
注：事實上 layui 的「模塊化加載」十分適用於開發環境，它方便團隊開發和代碼調試。但對於「線上環境」我們一般採用「全模塊加載」，即直接引入 layui.all.js，它包含了 layui 所有的內置模塊，且無需再通過 layui.use() 方法加載模塊，直接調用即可。