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,如下
至此,安装完毕。
相关推荐
在本文中,我们将深入探讨如何使用GruntJS构建Web应用程序,特别关注构建流程。GruntJS是一个基于Node.js的任务运行器,它可以帮助开发者自动化重复性的前端工作,如编译、测试、压缩等。 首先,创建一个新的项目名...
1. 新建一个目录g12. 新建package.json,放入g13. 新建Gruntfile.js,放入g1 package.json 代码如下: { “name”: “g1”, “version”: “0.1.0”, “author”: “@snandy”, “homepage”: ...
在构建Web程序的过程中,资源的合并和压缩是至关重要的步骤,不仅能够优化加载速度,...使用GruntJS构建Web程序,可以大幅简化前端资源管理流程,使得开发者可以更加专注于业务逻辑的实现,而不是繁琐的资源处理工作。
在当今快速发展的Web开发领域,自动化构建工具是现代开发流程中不可或缺的一部分。GruntJS作为一个广泛使用的...以上便是使用GruntJS构建Web程序之安装篇的核心知识点,希望对你在使用GruntJS的过程中有所帮助。
这个项目是一个基于的 web 应用程序框架 种子包含一个示例 AngularJS 应用程序,并预先配置为安装 Angular 框架和一堆开发和测试工具。 它还使用来: 加载不同环境的属性文件; 将依赖项从 bower_components 复制...
"gruntjs-hello-world"项目展示了如何结合GruntJS和ExpressJS来构建一个简单的web应用。通过Grunt自动化构建流程,可以轻松地管理和运行Express应用,提高开发效率。对于初学者,这是一个很好的起点,可以深入学习两...
用于创建和完成课程评估的单页 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。 还实现了 ...
6. **GruntJS**:Grunt是Node.js世界中广泛使用的构建工具,可以自动化执行诸如编译、测试、压缩等任务。尽管后来出现了Gulp.js,但Grunt仍有其用户群体。 7. **Gulp.js**:Gulp以其流式处理和简洁的配置语法吸引了...