码迷,mamicode.com
首页 >  
搜索关键字:grunt    ( 899个结果
使用gulp构建工具
之前一个demo中用的是grunt,照着grunt用到的插件找了下gulp的,总体使用还算顺畅,说实话并不觉得学习成本有降低什么的,差不多。不过也遇到一些问题:1、gulp.dest()输出目录需要用"./"而不能"/"2、gulp的jshint有些规则检测不到,而grunt却检测到了,可以用"as...
分类:其他好文   时间:2015-08-13 19:40:08    阅读次数:210
grunt插件制作
插件内容:在文件的顶部加入字符画。一个从无到有的项目,所以我们需要用yeoman来初始化项目。上yeoman官网的generator收纳页搜索gruntplugin。安装这个generator:npm install -g generator-gruntplugin //generator的命名规则...
分类:其他好文   时间:2015-08-13 17:20:37    阅读次数:199
Gulp入门教程
前言最近流行前端构建工具,苦于之前使用Grunt,代码很难阅读,现在出了Gulp,真是摆脱了痛苦。发现了一篇很好的Gulp英文教程,整理翻译给大家看看。为什么使用GulpGulp基于Node.js的前端构建工具,通过Gulp的插件可以实现前端代码的编译(sass、less)、压缩、测试;图片的压缩;...
分类:其他好文   时间:2015-08-11 20:55:32    阅读次数:822
grunt的使用一(压缩任务)
grunt是一款前端自动化工具,主要基于nodejs,所以提前必须安装、配置nodejs相关环境,本文讲解grunt的常用功能: (1).压缩 (2)合并 (3)简单语法检查 安装nodejs需要去官方网站下载nodejs安装包,这里不再赘述,详细讲解grunt的安装方法: npm install -g grunt-cli 使用-g参数可以安装grunt到全局,这样软件在安装的时候帮我...
分类:其他好文   时间:2015-08-11 12:15:10    阅读次数:109
【Node】nmp install
//installpackage[root@wode00110.node.js]#npminstall-ggrunt-cli/usr/local/bin/grunt->/usr/local/lib/node_modules/grunt-cli/bin/gruntgrunt-cli@0.1.13/usr/local/lib/node_modules/grunt-cli├──resolve@0.3.1├──nopt@1.0.10(abbrev@1.0.7)└──findup-sync@0...
分类:其他好文   时间:2015-08-11 10:19:34    阅读次数:167
用grunt搭建自动化的web前端开发环境
各位web前端开发人员,如果你现在还不知道grunt或者听说过、但是不会熟练使用grunt,那你就真的真的真的out了(三个“真的”重复,表示重点)。至于grunt的作用,这里不详细说了,总之你如果做web前端开发,你一定要用grunt。还有一点,它完全免费,没有盗版。既强大又免费的东西,为何不用?
分类:Web程序   时间:2015-07-31 17:47:07    阅读次数:149
Grunt插件之LiveReload 实现页面自动刷新,所见即所得编辑
方案一:grunt-livereload + Chrome Plug-in优点:安装、配置简单方便。缺点:需要配合指定的浏览器插件(Firefox也有相关插件,IE么你懂的)。1. 需要安装2个插接件:grunt-contrib-watch、connect-livereload执行命令:npm in...
分类:其他好文   时间:2015-07-31 12:50:49    阅读次数:128
Grunt 自动化部署之css、image、javascript、html压缩Gruntfile.js配置
grunt.initConfig方法用于模块配置,它接受一个对象作为参数。该对象的成员与使用的同名模块一一对应。每个目标的具体设置,需要参考该模板的文档。就cssmin来讲,minify目标的参数具体含义如下:expand:如果设为true,就表示下面文件名的占位符(即*号)都要扩展成具体的文件名。...
分类:编程语言   时间:2015-07-30 19:23:51    阅读次数:228
gulp的使用
前言对于前端自动化,大家可能开始想到的是Grunt而且最开始学的是也是它。没错,刚开始学习grunt时,发现它真的很方便,很多额外的操作都可以通过一个命令自动执行。而我使用Grunt的方式也很简单,就是为了更好的保护的F5键。...
分类:其他好文   时间:2015-07-30 14:57:47    阅读次数:116
Grunt中批量无损压缩图片插件--Grunt-contrib-imagemin
Photoshop 切出的图片,无论是 PNG 还是 JPEG/JPG 格式,都含有许多相关信息,又或多余的颜色值,这些信息和颜色值,对网页前端并没有用处,反而增加图片大小,所以 Google Pagespeed最佳实践建议我们用 jpegtran 或 jpegoptim (仅限 Linux 平台)...
分类:其他好文   时间:2015-07-28 20:23:34    阅读次数:134
899条   上一页 1 ... 52 53 54 55 56 ... 90 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!