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 实时预览能力
修改了模块,刷新页面即可看到修改后的效果。