自动化处理grunt任务

由于grunt要写项目打包发布需要写大量的任务task代码,且版本的发布不好维护,所以使用统一的结构,只需要简单的配置下。然后提供一些命令来发发布~

我和你有个约定

安装

[sudo] npm intsall -g grunt-cli
[sudo] npm install

目前没有仓库可直接clone,请下载以下文件:

提供的命令

注意:代码正在重构,请不要用于生产环境,以下提供的命令是重构后的命令

grunt dist-css:{app_name}

打包压缩样式,配置如:

js// 路径以src目录为基础
/**
 * 全部样式
 */
css.all = '**/*.css';

/**
 * 测试全局
 */
css.global = 'css-global/global.css';

css.global = ['css-global/global.css', 'xx.css']

如果有需要合并的css,则在合并文件里使用import引用,切记这个路径是以当前css路径为基准,目标合并的样式如:

css/* src/css-global.css */

/**
 * import是以当前路径起
 */
@import url(../lib/reset.css);
@import url(../lib/topbar.css);
@import url(../lib/foot.css);
@import url(./main.css);

使用grunt dist-css会把当前文件编译压缩到dist目录下,但注意的是import引用的目标文件不会编译,只会生成当前文件

合并css的demo

注:由于使用import方式处理合并文件,所以不需要init,debug