Lkx.js模块化管理 JS 、CSS 文件

联合创作 · 2023-09-22 03:47

Lkx 是遵循自身管理规范,模块化管理 JS、CSS 文件的开源框架,自身也提供一些便于开发的 UI 库。框架及 UI 模块均由原生 JS 编写,无需依赖任何第三方框架,方便简单。一个 config 文件贯穿始终,利用他管理项目的 JS、CSS 文件,可达到一目了然的效果,方便了后期管理维护。

文件结构

│
├─ other //其他独立于 Lkx 的模块组件,使用说明可进入 other 查看 README.md
│    └─ verify //表单验证组件,依赖于 layer 弹出层
│
├─ module //官方 UI 模块,依赖于 Lkx
│    ├─ magnifier
│    ├─ add
│    ├─ elastic
│    ├─ ajax
│    └─ css //官方 css 文件目录
│        └─ Lkx.css
│
├─ config //配置文件
└─ Lkx    //主文件

配置文件

var LkxConfig = {
    setting: {
        meta: ,
        topBtn: ,
        randomNum: ,
        hostAddress: "",
    },
    file: {
        allPage: {
            js: [
                "",
                "",
                …………
            ],
            css: [
                "",
                "",
                …………
            ],
            module: [
                "",
                "",
                …………
            ]
        },
        singlePage: [
        {
            pageName: "",
            js: [
                "",
                "",
                …………
            ],
            css: [
                "",
                "",
                …………
            ],
            module: [
                "",
                "",
                …………
            ]
        },{
            pageName: "",
            js: [
                "",
                "",
                …………
            ],
            css: [
                "",
                "",
                …………
            ],
            module: [
                "",
                "",
                …………
            ]
        }, ………… ]
    }
}
浏览 11
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报