前端开发服务框架

moktext - CSS和HTML模块化开发解决方案

CSS模块化

原生的模块引用语法

@import url('../modules/top.css');

1个命令完成文件合并和压缩

127.0.0.1/-你的项目名-b

1个命令切换到测试压缩文件模式

127.0.0.1/-你的项目名-min

支持Sass语法

对后缀为.scss的文件直接自动编译为普通的css文件,再合并输出给浏览器。实时自动编译。

版本管理与差异化上线

建立一个版本控制文件,每次上线前打包压缩后moktext自动检测出有修改的文件,可实现有差异的CSS的才上线。

实时预览能力

修改了CSS模块,刷新页面即可看到修改后的效果。

HTML模块化

简单的模块引用语法

2个标签:include, mokdata

include - 引用模块:<include src="../module/top.html" data="top" />

mokdata - 用于向被引用的模块传递数据。

简单强大的数据传递方法与模板语法

传递数据:<mokdata name="top.title">moktext - CSS与HTML模块化</mokdata>

一个命令完成页面构建

127.0.0.1/-你的项目名-b

实时预览能力

修改了模块,刷新页面即可看到修改后的效果。