Grunt 教程

🌙
手机阅读
本文目录结构

Grunt - JavaScript 的构建工具

在 Javascript 的开发过程中,经常会遇到一些重复性的任务,比如合并文件、压缩代码、检查语法错误、将 Sass 代码转成 CSS 代码等等。

通常,我们需要使用不同的工具,来完成不同的任务,既重复劳动又非常耗时。Grunt 就是为了解决这个问题而发明的工具,可以帮助我们自动管理和运行各种任务。

简单说,Grunt 是一个自动任务运行器,会按照预先设定的顺序自动运行一系列的任务。

这可以简化工作流程,减轻重复性工作带来的负担。

为何要用构建工具?

一句话:自动化。对于需要反复重复的任务,例如压缩(minification)、编译、单元测试、linting等,自动化工具可以减轻你的劳动,简化你的工作。当你在 Gruntfile 文件正确配置好了任务,任务运行器就会自动帮你或你的小组完成大部分无聊的工作。

为什么要使用 Grunt?

Grunt 生态系统非常庞大,并且一直在增长。由于拥有数量庞大的插件可供选择,因此,你可以利用 Grunt 自动完成任何事,并且花费最少的代价。如果找不到你所需要的插件,那就自己动手创造一个 Grunt 插件,然后将其发布到 npm 上吧。

原文出处:http://www.gruntjs.net/getting-started

管理

Grunt 和 Grunt 插件是通过 npm 安装并管理的,npm 是 Node.js 的包管理器。

Grunt 0.4.x 必须配合 Node.js >= 0.8.0 版本使用。;奇数版本号的 Node.js 被认为是不稳定的开发版。

在安装 Grunt 前,请确保当前环境中所安装的 npm 已经是最新版本,执行 update -g 指令进行升级(在某些系统中可能需要 sudo 指令)。

AXIHE / 精选教程

浏览全部教程

HTML

CSS

JS

书籍推荐