grunt使用小记之开篇:grunt概述

简介:

Grunt是什么?

Grunt是一个自动化的项目构建工具。如果你需要重复的执行像压缩,编译,单元测试,代码检查以及打包发布的任务。那么你可以使用Grunt来处理这些任务,你所需要做的只是配置好Grunt,这样能很大程度的简化你的工作。

如果在团队中使用Grunt,你只需要与其他人员约定好使用Grunt应该规避的问题,就能够很方便的自动化的处理大部分的常见工作任务,你所付出的努力几乎为0。

为什么要使用Grunt?

Grunt是一个庞大的生态系统,每天都在成长。你可以自由的选择数以百计的插件以帮助你自动化的处理任务。

如果你所需要的插件还没有被人创建, 那么你可以自己创建插件并通过npm很方便的发布以供更多人使用并一起完善.

Grunt都有哪些插件?

大多数的任务Grunt都提供了可用的Grunt插件,并且每天都有插件诞生并发布到社区中。我想你所熟悉的有:

  • JSHint
  • Uglify
  • cssmin
  • copy
  • clean
  • concat
  • Less
  • Sass
  • CoffeeScript
  • CSSLint

等等。更多的插件可以在Grunt官方的插件清单中查看。

哪些人都在使用Grunt?

众所周知的有:

  • jQuery
  • Modernizr
  • Twitter
  • Adobe

等等。还有更多的人在使用Grunt,比如:你。

新手上路

如何配置grunt建议阅读:http://www.gruntjs.org/article/getting_started.html

Grunt插件使用小记



本文转自Artwl博客园博客,原文链接:http://www.cnblogs.com/artwl/,如需转载请自行联系原作者

相关文章
|
5月前
|
JavaScript 前端开发
Nodejs 第六章(npx)
Nodejs 第六章(npx)
50 0
|
监控 JavaScript 前端开发
Grunt快速入门教程
Grunt入门介绍:中文主页 : http://www.gruntjs.net/ Grun是一套前端自动化构建工具,一个基于nodeJs的命令行工具 Grunt它是一个任务运行器
89 0
|
存储 JavaScript 前端开发
grunt入门笔记
grunt在前端工具中算是很有用的一个工具。 想一想如果没有这个工具,我们需要手动新建一个压缩代码后的文件夹,每次修改原始文件,都要手动压缩一下,再保存到压缩后的文件夹,想想都要疯掉。所以,grunt前端必不可少。
94 0
grunt入门笔记
|
XML 资源调度 JavaScript
【实战指南】如何写一款小程序 Prettier 插件
作者:阿里巴巴-大钉钉-天默 原创
520 0
|
JavaScript 前端开发 程序员
《JavaScript开发框架权威指南》——第2章 Grunt 2.1安装Grunt
懒惰的程序员讨厌重复自己。他们通常会花费大量的时间去创造有用的工具,代替自己完成重复性的工作。他们往往还会为这些工具编写详尽的文档,以免之后可能因此而遇到麻烦。
1475 0
|
JavaScript 前端开发 开发框架
《JavaScript开发框架权威指南》——2.6 创建Grunt插件
首先要做的事情之一是情创建一个公共的GitHub仓库,以存储你的新插件。下文中将要提及的示例包含在本书附带的源码中,本书附带了源码。一旦你准备好代码仓库,就把它克隆到你的电脑上。
1342 0
|
JavaScript 前端开发 开发框架
《JavaScript开发框架权威指南》——2.3 将Grunt添加到项目中
loadTask()方法一被调用,Grunt就会加载并执行在该文件夹下发现的所有Node模块,并且每次都将Grunt对象的引用作为参数传进去。这样的行为使我们可以将项目的Grunt配置划分为一系列相互独立的模块,每个模块负责一个单独的任务或插件的加载及配置工作。
1285 0