Gruntjs是JavaScript项目的构建工具,也是基于node的一个命令行工具。很多开源JS项目都是使用它搭建。如jQuery、Qunit、CanJS等。它有以下作用
- 合并JS文件
- 压缩JS文件
- 单元测试(基于QUnit)
- 一句话:完全自动化(automation)
以下是它的安装过程。
一、安装node
参考nodejs入门 (最新的node会自动安装npm)
二、安装grunt命令行工具grunt-cli
使用-g全局安装,这样可以在任何一个目录里使用了。命令: npm install -g grunt-cli
需要注意的是在linux或mac下有时会报没有权限的错误,这时须在前面加一个sudo
安装后,可以查看改工具的版本。命令: grunt -version
三、安装grunt及其插件
进入到某项目根目录,使用命令: npm install grunt --save-dev
此时,再查看grunt版本会多了一个4.0,如下
至此,安装完毕。
相关推荐
前一篇记录了Grunt的安装,这篇介绍下怎么使用Gruntjs来搭建一个前端项目,然后使用grunt合并,压缩JS文件。
Gruntjs是JavaScript项目的构建工具,也是基于node的一个命令行工具。很多开源JS项目都是使用它搭建。如jQuery、Qunit、CanJS等。
前一篇讲述了如何使用concat和uglify命令实现JavaScript资源的合并,压缩。这篇讲述下css资源的合并和压缩。
任务(Tasks)是grunt的核心概念,你所做的很多工作比如资源合并(concat)、压缩(uglify)都是在配置任务。每次grunt运行的时候,你指定的一个或多个任务也在运行,如果你没有指定任务,那么一个默认名为“default...
非Web程序 1.AppDomain.CurrentDomain.BaseDirectory 2.Environment.CurrentDirectory 3.... 您可能感兴趣的文章:在vs2008中使用AJAX开发.net 2.0下的Web程序的方法使用GruntJS构建Web程序之合并压缩篇一个超级简单的
这个项目是一个基于的 web 应用程序框架 种子包含一个示例 AngularJS 应用程序,并预先配置为安装 Angular 框架和一堆开发和测试工具。 它还使用来: 加载不同环境的属性文件; 将依赖项从 bower_components 复制...
用于创建和完成课程评估的单页 Web 应用程序 这狗屎被检查 RuCourseEvalutor 是一个很棒的评估服务器程序,由 Gunnar Karl Pálmason Stefán Ingi Daníelsson Guðjón Pétursson Ólafur Jónsson Git-...
它还使用 GruntJS 来构建生产就绪的 JavaScript - 所以确保 GruntJS 也安装在你的机器上。 获得这些依赖项后,请按照简单的说明进行操作: cd进入这个目录并npm install 运行node app.js cd进入grunt和npm install ...
该项目将源代码文件夹(默认为src )转换为可以在开发或生产模式下运行的 Web 应用程序。 入门 这个插件需要 Grunt ~0.4.5 。 默认的 Karma 插件需要 NodeJS 0.12 。 如果您以前没有使用过 ,请务必查看指南,因为...
使用 ExpressJS 4、MongoDB/Mongoose、Passport.js 身份验证、Jade 和 GruntJS 作为任务自动化构建轻量级 Bootstrap NodeJS 应用程序 安装 先决条件 Node.js - 使用 (节点版本管理器)下载并安装 Node.js - 管理多...
构建GruntJS任务 GruntJS是一个JavaScript Task Runner,有许多插件可以帮助您使项目从开发到生产。 我创建了一个grunt文件,包含min css和javascript,更改html链接,部署到服务器。 如何运行GruntJS? 首先,您...
#Angular-Blu-Print Angular Blu-Print 是一个简单的起点,可以在几分钟内启动并运行任何 Angular Web 应用程序。 它整合了其他开源项目,包括通过 BowerJS 维护的 Bootstrap、jQuery 和 Animate.css。 还实现了 ...