文档章节

Grunt-- JavaScript世界的构建工具

dhb_oschina
 dhb_oschina
发布于 2016/05/17 15:52
字数 339
阅读 95
收藏 0

简介

Grunt是一个自动化软件,可以帮助我们完成比如压缩,编译,单元测试,代码校验等重复且与业务无关的工具,减轻劳动简化工作。

安装Grunt一般需要有:

  • npm或者node.js
  • grunt-cli
  • grunt

其中npm是Node.js的包管理器,目前的最新的Node.js已经集成了npm工具(参考:Nodejs和NPM初步认识)。

grunt-cli的作用就是调用与Gruntfile.js同在一目录中的Grunt,然后执行你在Gruntfile.js中指定的任务。

 

Gruntfile.js

Grunt一般是需要两份文件:一个是package.json,另外一个文件,也就是Grunt中最重要配置文件Gruntfle.js了。Gruntfile.js文件是需要自己创建的,或者从其他地方拷贝也可以。

根据官网的介绍,Gruntfile.js文件由以下几部分构成:

  • "wrapper" 函数
  • 项目与任务配置
  • 加载grunt插件和任务
  • 自定义任务

 

Jshint

http://jshint.com/docs/options/#nonew

http://www.jameswiseman.com/blog/2011/01/17/jslint-a-guide-to-jslint-messages/

参考&引用

© 著作权归作者所有

dhb_oschina
粉丝 10
博文 221
码字总数 190651
作品 0
程序员
私信 提问
Emberjs 上手 - 使用Grunt进行项目组织与创建

在要开始构建Emberjs的应用前,首先考虑一个可以组织和管理好整个JavaScript项目的方法和工具,可以使用Ember-cli,也可以使用通用的JavaScript的构建工具Grunt。 为什么需要这样的工具呢?原...

YipChooli
2015/03/28
764
0
grunt vs gulp

目前前端开发比较常见的构建工具有grunt和gulp,特点通过定义任务的方式,使用第三方插件进行js或css的文件编译,打包、压缩等工作 grunt 早期设计的前端构建框架,插件丰富 任务的定义使用配...

_huangbo
2016/06/08
5
0
一天掌握前端三大构建化工具Grunt、Gulp、Webpack(上)

1、概念理解【预计5分钟】: 为什么要讲下这三大工具,Grunt/Gulp/Webpack的作用又是什么?有什么好处吗? 答:首先说下我们都了解jquery,但是我们下载的时候通常在官网会看到两种文件,如图...

木九天
2018/02/28
5.2K
0
我是如何利用一个周末时间成为前端工程师的

2周前,我将 TravisLight 开源了,这是一个建立监控的工具,也是一个用于 Travis-CI 的构件监控工具。出于兴趣,我用了一个周末的时间做了这个项目,而且我是以一个真正的前端开发者的角色来...

oschina
2012/12/25
31.5K
36
Yeoman:Web 应用开发流程与工具

随着 Web 2.0 和 HTML 5 的流行,现在的 Web 应用所能提供的功能和交互能力比之前传统的 Web 应用要强大很多。应用的很多实现逻辑被转移到了浏览器端来实现。浏览器不再只提供单一的数据接收...

IBMdW
2014/03/24
1K
1

没有更多内容

加载失败,请刷新页面

加载更多

CSS盒子模型

一、什么叫框模型 页面元素皆为框(盒子) 定义了元素框处理元素内容,内边距,外边距以及边框的计算方式 二、外边距 围绕在元素边框外的空白距离(元素与元素之间的距离) 语法:margin,定...

wytao1995
今天
4
0
Replugin借助“UI进程”来快速释放Dex

public static boolean preload(PluginInfo pi) { if (pi == null) { return false; } // 借助“UI进程”来快速释放Dex(见PluginFastInstallProviderProxy的说明) return PluginFastInsta......

Gemini-Lin
今天
4
0
Hibernate 5 的模块/包(modules/artifacts)

Hibernate 的功能被拆分成一系列的模块/包(modules/artifacts),其目的是为了对依赖进行独立(模块化)。 模块名称 说明 hibernate-core 这个是 Hibernate 的主要(main (core))模块。定义...

honeymoose
今天
4
0
精华帖

第一章 jQuery简介 jQuery是一个JavaScript库 jQuery具备简洁的语法和跨平台的兼容性 简化了JavaScript的操作。 在页面中引入jQuery jQuery是一个JavaScript脚本库,不需要特别的安装,只需要...

流川偑
今天
7
0
语音对话英语翻译在线翻译成中文哪个方法好用

想要进行将中文翻译成英文,或者将英文翻译成中文的操作,其实有一个非常简单的工具就能够帮助完成将语音进行翻译转换的软件。 在应用市场或者百度手机助手等各大应用渠道里面就能够找到一款...

401恶户
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部