layui引入第三方依赖

最新推荐文章于 2025-07-05 10:11:32 发布

张侦毅

最新推荐文章于 2025-07-05 10:11:32 发布

阅读量1.9w

点赞数 3

CC 4.0 BY-SA版权

分类专栏：前端文章标签： layui 在layui中引入第三方js

本文链接：https://blog.youkuaiyun.com/ZZY1078689276/article/details/80026970

在layui框架中引入第三方js插件需要特殊处理，因为layui的默认调用方式可能导致其他插件无法正常使用。引入第三方插件需遵循layui模块规范，包括配置插件路径、用layui包裹插件并返回对象，以及在页面中调用。以引入moment为例，首先配置moment的文件路径，然后用layui包裹moment，并在layui中调用，实现时间戳的格式化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

layui引入第三方js插件准备
编写第一个Hello World
在layui中引入moment第三方插件

layui引入第三方js插件准备

我之前使用的前端框架中包括bootstrap，easy-ui，H-ui，现在开始使用layui，但是我发现layui虽然是一个不错的前端框架，但是其中容易让人踩的坑也不少，其中之一就是引入第三方的js插件，如果要是其它的前端框架，直接在页面中添加相应的js路径，然后直接拿来使用就可以了，但是在layui中却不行，由于其框架的js默认调用方式是layui.use()，这就导致了其它的js插件在layui的作用域中无法使用，因而我们传统的添加使用第三方插件的方式在这里是行不通的。

如果要是想在layui中引入第三方的js插件，我们就必须对第三方的js插件进行layui方式的再封装操作，即用layui将第三方的js插件包起来，然后再进行使用。在layui中添加第三方插件之前，我建议大家先看看下面的两篇文章。

编写第一个Hello World

在layui中引入第三方js插件分为三步骤：

配置第三方js路径

在layui在使用第三方js插件之前，首先得告知layui，第三方插件的所在位置，否则layui将找到不第三方js插件

//config的设置是全局的
layui.config({
  base: '/res/js/' //假设这是你存放拓展模块的根目录
}).extend({ //设定模块别名
  mymod: 'mymod' //如果 mymod.js 是在根目录，也可以不用设定别名
  ,mod1: 'admin/mod1' //相对于上述 base 目录的子目录
});