`

Grunt:自动任务运行器

 
阅读更多
干什么用?
基于Node.js的一款能够按照预先设定的顺序自动运行一系列任务的工具。简化工作流程,减轻重复性工作带来的负担。

如何使用?
1.安装
sudo npm install grunt-cli -g


2.命令脚本文件Gruntfile.js--用于配置或定义任务、加载 Grunt 插件

1)grunt.initConfig:配置Grunt各种模块的参数

2)grunt.loadNpmTasks:加载模块文件
  grunt.loadNpmTasks('grunt-contrib-jshint');
  grunt.loadNpmTasks('grunt-contrib-concat');


对于加载多个模块的方法:安装load-grunt-tasks模块
  
require('load-grunt-tasks')(grunt)
替代所有tasks语句,自动分析package.json文件,在使用npm命令卸载模块以后,模块会自动从package.json文件中消失,这样就避免了必须手动从Gruntfile.js文件中清除的麻烦。

3)grunt.registerTasks :定义如何调用任务

不提供参数:grunt  依次执行任务
提供参数: grunt  模块名:目标名  只执行某个任务
grunt # 默认情况下,先压缩后合并
grunt cssmin:minify # 只压缩不合并
grunt css:combine # 只合并不压缩


常用的模块
grunt-contrib-clean   删除文件 https://www.npmjs.com/package/grunt-contrib-clean
grunt-contrib-compass  用compass编译sass https://www.npmjs.com/package/grunt-contrib-compass
grunt-contrib-concat  合并文件 https://www.npmjs.com/package/grunt-contrib-concat
grunt-contrib-copy  复制文件 https://www.npmjs.com/package/grunt-contrib-copy
grunt-contrib-cssmin  压缩css https://www.npmjs.com/package/grunt-contrib-cssmin
grunt-contrib-imagemin  图像压缩 https://www.npmjs.com/package/grunt-contrib-imagemin
grunt-contrib-jshint  检查js语法 https://www.npmjs.com/package/grunt-contrib-jshint
grunt-contrib-uglify  压缩合并js https://www.npmjs.com/package/grunt-contrib-uglify
grunt-contrib-watch  监视文件变动做相应动作 https://www.npmjs.com/package/grunt-contrib-watch
grunt-contrib-connect  运行一个Web服务 https://www.npmjs.com/package/grunt-contrib-connect
grunt-contrib-sass   sass转为css
grunt-autoprefixer  css语句加浏览器前缀
grunt-htmlhint   检查HTML语法
grunt-contrib-stylus  编写styl输出css https://www.npmjs.com/package/grunt-contrib-stylus

3.package.json--用于保存项目元数据
分享到:
评论

相关推荐

    SF-Grunt:Salesforce Grunt 自动化任务运行器

    Salesforce Grunt 自动化任务运行器。 此 Grunt 构建将编译您的 LESS 文件、连接所有 JavaScript 代码、包含图像并将其作为单一资源部署到 Salesforce 中。 只需一个命令! 、 和 。 ###指示 克隆 GitHub 存储...

    Grunt:JavaScript任务执行器-开源

    为什么要使用任务运行器? 一言以蔽之,就是自动化。 当执行重复性任务(如缩小,编译,单元测试,整理等)时,您要做的工作越少,您的工作就越容易。 通过Gruntfile配置它之后,任务运行器可以以零的工作量为您和您...

    Grunt入门教程(自动任务运行器)

    Grunt是一个自动任务运行器,会按照预先设定的顺序自动运行一系列的任务。这可以简化工作流程,减轻重复性工作带来的负担

    grunt-cucumber-js:运行 Cucumber.js 的 Grunt 任务

    grunt-cucumber-js 通过 Grunt 运行您所有的...使用grunt cucumberjs命令运行此任务。 选项 脚步 类型: String 默认值: '' 在执行功能之前需要文件。 如果未指定此选项,将自动加载所有兄弟或低于功能的 *.js

    jogabo-datepicker-grunt:测试 jogabo - 使用 famo.us 和 moment.js 的 datepicker 用 grunt 完成

    监视任务将运行,并且每当 repo 中的文件发生更改时,您的浏览器将自动刷新。 您可以使用--port=9001运行 serve 以手动选择服务器将运行的端口此选项目前已被取消...您还可以使用选项--livereload=8675309更改运行 ...

    livereload-example-grunt:重新加载

    grunt connect 从监视任务中注入 livereload 片段的...运行grunt您的 Web 浏览器应该会自动打开。 单击文件change-me-live.html 。 在编辑器中编辑change-me-live.html 。 观看浏览器窗口使用livereload更新文件。

    grunt-fixmyjs:自动修复 js-hint 错误

    如果插件安装正确,在命令行运行grunt --help应该会列出新安装插件的任务。 此外,该插件应作为devDependency列在 package.json 中,以确保无论何时npm install命令都会npm install它。 “fixmyjs”任务 概述 在...

    grunt-contrib-jasmine:通过无头Chrome无头运行茉莉花规格

    grunt-contrib-茉莉花v2.2.0 通过无头Chrome轻松运行茉莉花规格 入门 如果您以前从未使用过 ,请务必查看《指南》,因为...在本地文件系统上或通过诸如类的服务器任务运行测试。 使用模板自定义您的SpecRunner 使用您

    grunt-docs:中文版 Grunt Docs(Gruntjs.org 的内容)

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

    grunt demo

    Grunt是基于Node.js的项目构建工具。它可以自动运行你所设定的任务。Grunt拥有数量庞大的插件,几乎任何你所要做的事情都可以用Grunt实现。

    grunt-auto:演示如何自动将默认目标添加到多任务

    最好的自动运行的多任务Grunt插件! 入门 这个插件需要~0.4.1 如果您以前从未使用过 ,请务必查看《指南》,因为它说明了如何创建以及安装和使用Grunt插件。 熟悉该过程后,可以使用以下命令安装此插件: npm ...

    grunt-cn:grunt中文文档

    ##为什么使用Grunt的任务运行器?Grunt是一个自动化的项目构建工具. 如果你需要重复的执行像压缩, 编译, 单元测试, 代码检查以及打包发布的任务. 那么你可以使用Grunt来处理这些任务, 你所需要做的只是配置好Grunt, ...

    less-sass-sample:使用 Grunt 任务自动监视和编译 LESS 和 SASS 模板的示例

    少样本使用 、 和任务自动监视项目中的文件更改并在修改时编译 LESS 和 SASS 模板的示例。 ##安装执行 npm install 以安装所需的依赖项: npm install##用法要强制编译 LESS 和 SASS 模板,请使用 grunt force ...

    laravel-angular-seed:Laravel 4 + AngularJS + Grunt + Bower 项目种子

    Grunt 任务运行器 Bower 包管理器 它开箱即用地配置了以下 Grunt 任务: 更少:更少的支持 Concat:用于生产的代码连接 Uglify:代码缩小 注入器:自动将 javascript 和 css 文件 ref 注入到布局中 ngAnnotate:...

    grunt-mocha:[已移动] Grunt任务,用于在无头浏览器中运行摩卡规格(PhantomJS)

    通过grunt / mocha / PhantomJS自动运行客户端Mocha规范 有关服务器端Mocha测试的艰巨任务,请参阅或 入门 这个插件需要~0.4.0 。 使用0.1.x这个插件的使用与步兵的标签~0.3.0 。 如果您以前从未使用过 ,请务必...

    grunt-contrib-qunit:在无头的Chrome实例中运行QUnit单元测试

    Qunit任务使用grunt qunit命令运行此任务。 您选择了使用编写单元测试,并编写了一个html页面,其中报告了单元测试的摘要和个人详细信息,对此您感到满意,但是您意识到您错过了每次自动运行单元测试套件的能力您...

    node-asset-compress:允许任务运行者检查CakePHP asset_compress.ini文件的完整性

    如果没有任务运行程序(例如Grunt或Gulp),则不希望使用该库,但是如果您愿意,可以肯定地使用该库。 如果使用Grunt,则可以改用程序包。 随着配置文件的增长,断言文件完整性的难度越来越大。 为了解决这个问题,...

    grunt官方文档

    Grunt是基于Node.js的项目构建工具。它可以自动运行你所设定的任务。Grunt拥有数量庞大的插件,几乎任何你所要做的事情都可以用Grunt实现。

    grunt-contrib-symlink:创建符号链接

    使用grunt symlink命令运行此任务。 任务目标,文件和选项可以根据grunt指南指定。 特别注意部分,该部分说明了如何一次创建许多src-dest文件映射。 请注意,符号链接模式(文件,目录)是根据src文件类型自动确定...

Global site tag (gtag.js) - Google Analytics