grunt-contrib-imagemin:图像压缩安装插件:npm install grunt-contrib-imagemin --save-dev参数optimizationLevel(png)类型:number默认值:3选择优化级别0到7。progressive(jpg)类型:boolea...
分类:
其他好文 时间:
2015-09-29 16:37:49
阅读次数:
141
grunt-contrib-cssmin:压缩以及合并CSS文件安装插件:npm install grunt-contrib-cssmin --save-dev不设置compatibility与noAdvanced属性,运行后会有一些hack(*zoom:1;_zoom:1;\9等)会被删除。com...
分类:
Web程序 时间:
2015-09-29 13:06:26
阅读次数:
272
grunt-contrib-uglify:压缩以及合并JavaScript文件。插件安装:npm install grunt-contrib-uglify --save-dev参数:banner:文档头部添加,一般做说明和注释用footer:文档底部添加,与banner功能相同mangle:参数为f...
分类:
Web程序 时间:
2015-09-28 20:42:49
阅读次数:
229
发现周围有些人对前端存在偏见。他们认为前端只是用没那么复杂的技术对着界面调来调去,一点点打磨,最后做出一个没什么实用价值的“花瓶”。其实,前端的技术栈并不简单,比如我们可以用Grunt进行一些自动化操作。这里简单记录下Grunt的安装,希望对大家有帮助。Node.js我们用到的很多组建都是依赖Nod...
分类:
其他好文 时间:
2015-09-27 16:08:27
阅读次数:
122
最近着手开发一个新项目,打算从工程化的角度整理一套自己的前端开发、发布体系。grunt这些工具,之前别人用我也用,并没有认真想过它们的前世今生,正好趁着这个机会,我来理一理目前业界比较流行这些工具的用处和相互关系。一、名词解释nodejs——可以在本地执行js代码的环境(类似java的jdk)npm...
分类:
Web程序 时间:
2015-09-23 21:14:52
阅读次数:
197
Karma 是 Goolge 开源的一个 Test runner, 可以配合 Grunt 使用。
分类:
其他好文 时间:
2015-09-23 19:30:24
阅读次数:
355
前端开发环境准备好了,我们准备开始进行开发。前端开发的主力语言是 JavaScript,这是一种脚本语言,没有编译器,也就没有了编译器带给我们的语法检查,怎样保证代码的质量呢?jshint 是一个强大的工具。1. 概要说明官方地址:http://jshint.com/GitHub 地址:https:...
分类:
编程语言 时间:
2015-09-22 23:46:19
阅读次数:
368
一、简介 gulp是一款前端构建工具,是和grunt很类似的一款构建工具,但是相比grunt来说,gulp更轻量级,配置和使用更简单,命令更少,更容易学习和记住。二、具体的使用安装gulp: npm install -g gulp(全局安装),npm install --save-dev gul.....
分类:
其他好文 时间:
2015-09-22 16:31:18
阅读次数:
124
1、安装Ruby和SASS首先我们需要在电脑上安装Ruby和SASS。如果您使用的是Mac,您就没必要安装Ruby。如果您使用的是Window系统,你需要安装Ruby。2、安装Nodejs由于使用Grunt需要Nodejs的支持,所以我们要确认自己的电脑已安装了nodejs。安装好以后看看在命令行下...
分类:
其他好文 时间:
2015-09-20 16:06:46
阅读次数:
148
在 Visual Studio 2015 中提供了对于 Grunt 和 Gulp 的内置支持,在 Visual Studio 2013 中怎么办呢?微软将 2015 中的特性作为几个独立的扩展发布出来,你可以在 Visual Studio 2013 中同样使用这个特性。 实际上,你需要三个 Vis...
分类:
其他好文 时间:
2015-09-18 18:22:43
阅读次数:
135