chaojidan

导航

随笔分类 -  grunt构建工具详解

grunt入门讲解7:项目脚手架grunt-init
摘要:grunt-init是一个用于自动创建项目脚手架的工具。它会基于当前工作环境和你给出的一些配置选项构建一个完整的目录结构。至于其所生成的具体文件和内容,依赖于你所选择的模版和构建过程中你对具体信息所给出的配置选项。注意:这个独立的程序曾经是作为Grunt内置的"init"任务而存在的。安装为了使用g... 阅读全文

posted @ 2015-01-24 17:58 chaojidan 阅读(1239) 评论(0) 推荐(0) 编辑

grunt入门讲解6:grunt使用步骤和总结
摘要:Grunt是啥?很火的前端自动化小工具,基于任务的命令行构建工具。Grunt能帮我们干啥?假设有这样一个场景:编码完成后,你需要做以下工作HTML去掉注析、换行符 - HtmlMinCSS文件压缩合并 – CssMinifyJS代码风格检查 – JsHintJS代码压缩 – Uglyfyimage压... 阅读全文

posted @ 2015-01-23 16:20 chaojidan 阅读(1355) 评论(0) 推荐(1) 编辑

grunt入门讲解5:创建插件,安装Grunt以及常见问题
摘要:创建插件创建插件主要有以下几个步骤:(1)通过 npm install -g grunt-init 命令安装 grunt-init 。(2)通过 git clone git://github.com/gruntjs/grunt-init-gruntplugin.git ~/.grunt-init/g... 阅读全文

posted @ 2015-01-23 09:12 chaojidan 阅读(1755) 评论(0) 推荐(0) 编辑

grunt入门讲解4:如何创建task(任务)
摘要:每当运行Grunt时, 你可以为其指定一个或多个任务, 这些任务用于告诉Grunt你想要它做什么事情。如果你没有指定一个任务,并且你已经定义一个名为 "default" 的任务,那么该任务将会默认被执行。任务别名如果指定了一个任务列表taskList,新任务名taskName将是这一个或多个指定任务... 阅读全文

posted @ 2015-01-22 22:30 chaojidan 阅读(2864) 评论(0) 推荐(0) 编辑

grunt入门讲解3:实例讲解使用 Gruntfile 配置任务
摘要:这个Gruntfile 实例使用到了5个 Grunt 插件:grunt-contrib-uglify grunt-contrib-qunitgrunt-contrib-concatgrunt-contrib-jshintgrunt-contrib-watch上面的uglify,concat,wa... 阅读全文

posted @ 2015-01-22 15:55 chaojidan 阅读(1761) 评论(0) 推荐(1) 编辑

grunt入门讲解2:如何使用 Gruntfile 配置任务
摘要:Grunt的task配置都是在 Gruntfile 中的grunt.initConfig方法中指定的。此配置主要包括以任务名称命名的属性,和其他任意数据。一旦这些代表任意数据的属性与任务所需要的属性相冲突,就将被忽略。举个例子:grunt.initConfig({ concat: { // 这里... 阅读全文

posted @ 2015-01-22 09:44 chaojidan 阅读(2330) 评论(0) 推荐(0) 编辑

grunt入门讲解1:grunt的基本概念和使用
摘要:Grunt和 Grunt 插件是通过 npm 安装并管理的,npm是 Node.js 的包管理器。Grunt 0.4.x 必须配合Node.js >= 0.8.0版本使用。老版本的 Node.js 被认为是不稳定的开发版。之前,在用grunt来合并文件时,老是报错,原因是node.js的版本太低了。... 阅读全文

posted @ 2015-01-21 22:47 chaojidan 阅读(1455) 评论(0) 推荐(1) 编辑