grunt
曾经沧海难为水-除却巫山不是云
这个作者很懒,什么都没留下…
展开
-
Sass和compass 安装 和配合grunt实时显示
demo 下载http://vdisk.weibo.com/s/DOlfkrAWjkF/1401192855为什么要学习Sass和compass ?提高站独立和代码产品化的绝密武器,尤其是程序化css,可以将写程序的各种理论融入其中,打造NB的产品首先 安装 rubyhttp://rubyinstaller.org/downloads/注意 建议安装ruby1.9原创 2015-03-03 18:21:58 · 1114 阅读 · 0 评论 -
grunt前端开发插件grunt-sprite
这是什么grunt-sprite是一个grunt的前端开发插件。能干什么这是一个帮助前端开发工程师将css代码中的切片合并成雪碧图的工具,它的主要功能是:使用二叉树排列算法,对css文件进行处理,收集切片序列,生成雪碧图在原css代码中为切片添加background-position属性生成用于高清设备的高清雪碧图,并在css文件末尾追加媒体查询代码在引用雪碧原创 2015-01-15 09:18:53 · 1327 阅读 · 0 评论 -
使用grunt生成雪碧图
作为一名前端开发人员,实现前端自动化是一项大大节省开发时间的有效手段;这样开发人员可以更好更专注于前端代码的开发,而不用过多关注于css压缩,js检测这样的繁琐的工作。 本文主要介绍使用grunt实现前端雪碧图生成,以及生成相应的css文件,安装grunt,这部分就不多说了,具体内容参考http://www.gruntjs.net/grunt首页详细介绍了原创 2015-01-15 09:17:29 · 2192 阅读 · 0 评论 -
grunt安装
1、安装nodejs,在cmd下测试node --version和npm --version是否正确显示;2、安装grunt, npm install -g grunt;3、安装grunt-cli,想要在cmd中使用grunt命令,需要npm install -g grunt-cli。完成后测试grunt --version看是否正确显示grunt-cli版本。这样,就完成了gru原创 2015-01-18 04:03:11 · 667 阅读 · 0 评论 -
Grunt 自动化部署之css、image、javascript、html压缩Gruntfile.js配
grunt.initConfig方法用于模块配置,它接受一个对象作为参数。该对象的成员与使用的同名模块一一对应。每个目标的具体设置,需要参考该模板的文档。就cssmin来讲,minify目标的参数具体含义如下:expand:如果设为true,就表示下面文件名的占位符(即*号)都要扩展成具体的文件名。cwd:需要处理的文件(input)所在的目录。src:表示需要处理的文件。原创 2015-01-18 05:21:08 · 629 阅读 · 0 评论