ModularAdmin HTML 版本项目教程
项目地址: https://gitcode.com/gh_mirrors/mo/modular-admin-html 1. 项目的目录结构及介绍
ModularAdmin 项目的目录结构如下：
├── build/ # 应用构建任务和工具
├── config/ # 构建配置和路径定义
├── dist/ # 编译后的结果
├── node_modules/ # Node.js 依赖包
├── src/ # 源文件
└── package.json # npm 配置文件
详细介绍
- build/: 包含应用的构建任务和工具文件。每个文件代表一个单独的构建任务。
- config/: 包含应用的构建配置和路径定义。添加或删除 NPM 依赖时，需要手动在
config/index.js文件中定义路径。 - dist/: 编译后的应用文件，包含处理后的样式、模板、脚本和资源。请勿直接在此目录中进行修改，因为每次构建时都会覆盖此目录。
- node_modules/: 存放项目的 Node.js 依赖包。
- src/: 包含应用的源文件，文件结构反映了应用的组件结构。每个非下划线开头的文件夹代表一个组件模块。
- package.json: npm 配置文件，定义了项目的依赖和脚本。
2. 项目的启动文件介绍
项目的启动文件主要包括以下几个部分：
- src/main.js: 主脚本文件，包含了应用的主要逻辑。
- src/app/app-layout.hbs: 应用视图的布局文件，定义了应用的主要布局结构。
- src/auth/auth-layout.hbs: 认证模块的布局文件，定义了登录、注册等页面的布局结构。
详细介绍
- src/main.js: 这是应用的主脚本文件，包含了应用的主要逻辑。在构建过程中，所有脚本文件会被合并并复制到
dist/js/app.js文件中。 - src/app/app-layout.hbs: 这是应用视图的布局文件，定义了应用的主要布局结构。它包含了应用的头部、侧边栏、底部等公共组件。
- src/auth/auth-layout.hbs: 这是认证模块的布局文件，定义了登录、注册、找回密码等页面的布局结构。它包含了认证页面的公共组件。
3. 项目的配置文件介绍
项目的配置文件主要包括以下几个部分：
- config/index.js: 构建配置和路径定义。
- src/config.js: JavaScript 配置文件，定义了应用的配置项。
- package.json: npm 配置文件，定义了项目的依赖和脚本。
详细介绍
- config/index.js: 这是构建配置和路径定义文件。在添加或删除 NPM 依赖时，需要手动在此文件中定义路径。
- src/config.js: 这是 JavaScript 配置文件，定义了应用的配置项。在构建过程中，此文件会被合并到最终的脚本文件中。
- package.json: 这是 npm 配置文件，定义了项目的依赖和脚本。它包含了项目的版本信息、依赖包、脚本命令等。
通过以上介绍，您可以更好地理解 ModularAdmin HTML 版本项目的目录结构、启动文件和配置文件，从而更高效地进行开发和维护。