layui模块化

管理员 8月前 ⋅ 881 阅读

自定义js文件

layui.define(['layer', 'form', 'jquery'], function(exports){
var layer = layui.layer; //引入依赖
var $ = layui.jquery;
//这里放自定义的js代码
exports('index', {}); //模块名必须和use时的模块名一致
});

引入自定义js文件


layui.config({
base: '/res/js/modules/' //自定义js的目录
}).use('index'); //加载入口,需要和上面定义的模块名一致

当我们把所有功能都写到一个js文件中文件,有时别的页面需要使用这个js文件中的一个功能却引入了无关的代码,浪费流量和空间,如果把这个文件分享给你的同事用,你的同事如果写了和你相同的功能的代码或者他的代码依赖于你的代码,那么同时引入许多js文件或者引用先后顺序不对很容易导致冲突或出其它问题,模块化就是为了解决这些问题

我有话说:

全部评论: 0