什么是 MoCo

MoCo 是慕课网前端组件(imooc's fe component)项目,收集了慕课网前端公共组件和一些前端小项目。MoCo 框架是在 bootstrap 框架上做的精简、二次开发,类名、使用方法同 bootstrap,同时又根据网站自身需要,增加了一些特有组件。


当前版本

目前 MoCo 为1.0版,只提供了简单的样式、功能,随着后期逐步完善,会逐步形成一个稳定的版本应用到所有产品线当中。


如何使用

由于font字体跨域问题,目前慕课网、实战项目分别部署了一套moco代码,MoCo 代码更新时需要分别同步两个站点代码。慕课网sea.js可以通过require方式按需引用css/js模块,实战项目require引用js模块,css需要layout模板全局引用。

CSS路径

static/moco/v1.0/dist/css/moco.min.css

JS路径

static/moco/v1.0/dist/js/moco.min.js

项目开发

  • MoCo 源代码在www.imooc.com项目下的webroot/static/moco目录中,开发前先 svn up 最新代码到开发环境。
  • MoCo 代码通过gulp进行less编译、js压缩,构建前需要运行 npm install 命令安装依赖包,推荐安装到当前目录下。
  • less文件放置在less目录下,按bootstrap结构进行编辑、新增。js下放置js模块,构建时会把该目录下文件进行合并压缩。
  • 代码编辑完毕后,运行gulp命令进行代码编译压缩,代码会生成到dist目录下,测试无误后提交到svn,并定时更新moco项目文档。

ps:本地安装时会生成node_modules目录,由于代码太多,该目录不要入svn。