好吧,其实我本人已经转向京东的jdf和百度的fis了,这个项目停止更新了,当然作为对gulp感兴趣的同学,还是可以拿来学习学习,也是可以直接拿来用的。
基于gulp的前端自动化构建工具,内置LESS、SASS、requirejs和velocity。
自动监听并编译LESS、SASS文件、利用r.js对requirejs进行合并和压缩、合并和压缩js文件、解析velocity模板。
下载并解压后, 在命令行进入当前目录运行 npm install
安装必要的node.js模块,然后运行 gulp
可以看到帮助界面,按照帮助界面运行命令即可进行前端开发。
目录结构
lib: 本工具核心代码目录
src:
----img: 图片文件夹
----js: javascript文件夹
----less: LESS文件夹
----sass: SASS文件夹
----vm: velocity模板文件夹
config.js: 工具配置文件
gulpfile.js: gulp主文件
可以通过修改 config.js
文件来配置自己需要的项目,默认开启LESS, SASS, requirejs和velocity模块。
关于 config.js
的详细设置进直接打开 config.js
文件查看。
用 r.js
来对requirejs进行合并和压缩,需要在 config.js
进行配置,默认已经开启,详细的r.js配置请查看:https://github.com/jrburke/r.js。
默认开启velocity模板引擎,每个.vm文件有对应的.json文件对其提供数据支持,如果json文件不存在或内容为空则不提供任何数据。本工具使用 gulp-velocityjs
模块解析 velocity 模板,详情请查看:https://github.com/richardchen85/gulp-velocityjs。