前端开发服务框架

打开mok-config.js配置文件，在projects里添加CSS项目的配置，示例如下：

接下来再将特定的css请求映射到上面的mycss项目，在routes里添加路由规则，示例如下：

这样就把类似 http://blog.cn/main/test.css 这样的请求映射到了mycss项目。

配置hosts：127.0.0.1 blog.cn，地址栏输入 http://blog.cn/main/test.css 即可看到合并后的css代码。

如果要支持sass语法，请安装node-sass：npm install node-sass

什么是入口文件？一个HTML页面可能只外链引用一个CSS文件，然后在这个CSS文件里再通过@import引入该页面需要的各个CSS模块文件，这个被页面直接外链引用的CSS文件就叫入口文件。当然一个页面可以外链多个CSS入口文件。

每个项目下面，要有一个入口文件目录main，所有CSS入口文件都要放到里面。main下面可以再创建子目录。

构建项目时，moktext遍历main下面的每一个CSS文件，合并所有依赖模块，然后压缩。

如果要对每次上线的CSS文件进行版本控制，比如只上线被影响了的主文件、查看都影响了哪些主文件，就需要用到版本控制文件。

版本控制文件是一个文本文件，使用时要在项目配置里加配置项version_file，值是文件名。文件内容模板示例如下：

版本信息以/* <version> */开头，以/* </version> */结尾。每次打包后，会生成一个“updated-”前缀的新版本文件，里面的每一条信息，如果相对于当前版本有更新，会在后面加“u”标识，新增的文件则以“new”标识。CSS上线后，删除当前版本文件，去掉新版本文件的“updated-”前缀以实现版本文件的更新。

打开mok-config.js配置文件，在projects里添加HTML项目的配置，示例如下：

接下来再将特定的html请求映射到上面的myhtml项目，在routes里添加路由规则，示例如下：

这样就把类似 http://m.com/index.html 这样的请求映射到了myhtml项目。

配置hosts：127.0.0.1 m.com s.m.com，地址栏输入 http://m.com/index.html 即可看到合并后的html页面。

对于HTML项目，需要在项目根路径下创建一个构建清单文件build-list.js，才能进行项目构建。文件内容示例如下：

值不为1，将把文件构建到指定的目录、指定的文件名。