轩枫阁

首页 / 搜索标签: grunt

Grunt配置文件编写技巧及示范

前言

受益于grunt这么久,继续分享关于grunt的一些技巧。grunt确实是前端项目中不可或缺的提升效率的工具。第一次接触grunt是在去年7月份,开始有接触LESS、Coffee Script的等需要编译的模板才能使用的,所以grunt就有了很大的用处。当然除了编译,还有一部分的工作就是压缩,grunt常用的任务就是压缩JS、CSS,检查语法错误,同时也可以保证质量压缩图片(删除图片多余信息)。

使用起来也很简单,基于node,所以我们就可以通过js来控制这些文件。唯一需要做的是编写配置文件,做一套适合我们项目的编译系统。除此之外,另一个很方便的功能就是grunt能够通过监听文件变化(创建、删除、保存)来执行相应的任务。在初次学习grunt的配置的时候,踩过许多坑,之前也写过两篇关于grunt的文章,所以这里就写下Grunt的配置写法,具体为何那么写以及需要注意的点已经在代码里面表明清楚。

示范

写法仅供参考,具体请结合自己的项目编写配置。 查看全文

2014/02 27  周四

Grunt常用插件介绍

项目名称

grunt-contrib v0.8.0

项目地址

https://github.com/gruntjs/grunt-contrib

项目介绍

此项目是对grunt常用插件的集合,刚接触grunt如果不知道使用什么插件,可以直接安装此项目。或者通过package.json自定义要使用的插件。

项目使用

  1. 在文件夹中执行node安装包命令,生成包含插件的node_modules文件夹:npm install grunt-contrib –save-dev
  2. 插件下载安装完之后,可以在Gruntfile.js中设置引用这些插件:grunt.loadNpmTasks(‘grunt-contrib’);

查看全文

2013/12 09  周一

Grunt自动化的前端项目构建工具

官网

官方英文版:http://gruntjs.com/

中文翻译版:http://www.gruntjs.org/article/home.html

背景

前端工程师需要维护的代码变得及为庞大和复杂,代码维护、打包、发布等流程也变得极为繁琐,同时浪费的时间和精力也越来越多,当然人为的错误也随着流程的增加而增加了更多的出错率。致使每一个团队都希望有一种工具,能帮助整个团队在开发中能精简流程、提高效率、减少错误率。随之讨论自动化部署也越来越多,并且国内很多大型团队也都有自己成熟的自动化部署工具。百度有FIS, 腾讯有Modjs,360有燕尾服,还有很多团队在使用Ant,Shell等。而Grunt乐意成为目前最好的前端构建框架。

 

简介

Grunt是一个基于NodeJS,可用于自动化构建、测试、生成文档的项目管理工具。它可以更好的帮助一个团队更好的提高效率、减少错误率。它不仅仅是构建工具,实际上它只是任务运行器,管理每个子任务的自动化运行。 查看全文

2013/12 09  周一

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子