概览¶
该项目主要是为了便于为 MoEar 前端页面实现管理,毕竟把前端工程化工具与 Python 工具混在一起不但会造成工作空间混乱,且不利于管理。
故此处利用 Gulp 作为前端工程化管理工具,分别对 HTML , CSS , JS 做相应处理后,更新到 MoEar 的相关路径。
除开发 build
任务外, 还实现了用于生产编译的 build:prod
,主要功能为对 build
任务生成的前端文件进行生产处理,具体如下:
- 将 HTML 文件中的 css/js 通用资源引用更换为
CDN
资源- 对 CSS 文件进行压缩
- 对 JS 文件进行压缩
注解
由于作者是离职待业状态下进行的项目开发,不宜恋战(雾),故虽然最开始对项目设想很庞大,
但考虑到项目周期,最终做了一些阶段性放弃,故虽然该工程中已经搭建好了整套 PostCSS
环境,但最终没实现什么内容,转而使用了 Bootstrap 作为前端样式实现。毕竟,
天下武功,唯快不破(溜了溜了
待处理
使用 VueJS 重构整个前端实现,尽量将更多的页面资源通过前端模板实现, 减小服务器流量压力的同时,还可以提高用户体验
提示
由于 Web 部分目前完成度还较低,仅保证了基础内容的呈现,故暂不做展开详述(鞠躬~