前端集成解决方案(五)[创建任务]

创建任务
//在命令行里输入grunt,自动执行concat:foo和uglify
grunt.registerTask(‘default‘, [‘concat:foo‘, ‘uglify]);

//在命令行里输入grunt dist,自动执行concat:foo和uglify:dist
grunt.registerTask(‘dist‘, [‘concat:foo‘,‘uglify:dist‘]);

多任务:
同时指定像grunt concat:foo或者grunt concat:bar这样的任务和目标,在运行时Grunt只会处理指定目标的配
置;然而如果运行grunt concat,将会遍历所有的目标, 并按任务指定的顺序处理每个目标。

grunt.registerMultiTask(taskName, [description], taskFunction);

//多任务
//grunt log:foo运行Grunt,它会输出foo: 1,2,3
//grunt log输出所有log对象里面的内容
grunt.registerMultiTask(‘log‘, ‘log stuff‘, function () {
grunt.log.writeln(this.target + ‘: ‘ + this.data);
});

‘基本‘任务

自定义任务:
grunt.registerTask(‘default‘, ‘description‘, function () {
grunt.log.writeln(‘‘);
});

grunt.registerTask(‘default‘, ‘description‘, function () {
  grunt.log.writeln(‘‘);
});
grunt.registerTask(‘default‘, ‘description‘, function () {
  grunt.log.writeln(‘‘);
});

代码:

时间: 2024-10-13 19:20:19

前端集成解决方案(五)[创建任务]的相关文章

执行 $ Gulp 时发生了什么 —— 基于 Gulp 的前端集成解决方案(二)

前言 文章 在windows下安装gulp —— 基于 Gulp 的前端集成解决方案(一) 中,已经完成对 gulp 的安装,由于是window环境,文中特意提到了可以通过安装 gitbash 来代替 window 系统的 CMD 命令行工具.本节主要围绕 如何使用 Gulp 完成一个预编译 SASS 文件的任务 来逐步熟悉 Gulp . 本文地址:http://www.cnblogs.com/leonkao/p/4611102.html Gulp 概述 Gulp 是一个构建工具,通过自动化处理

构建一个基本的前端自动化开发环境 —— 基于 Gulp 的前端集成解决方案(四)

通过前面几节的准备工作,对于 npm / node / gulp 应该已经有了基本的认识,本节主要介绍如何构建一个基本的前端自动化开发环境. 下面将逐步构建一个可以自动编译 sass 文件.压缩 javascript 文件.多终端多浏览器同步测试的开发环境,并且还可以通过 piblish 命令对项目下的文件进行打包操作. 相关连接导航 在windows下安装gulp —— 基于 Gulp 的前端集成解决方案(一) 执行 $Gulp 时发生了什么 —— 基于 Gulp 的前端集成解决方案(二) 常

前端集成解决方案小结

前端集成解决方案 why? 浅谈前端集成解决方案 慕课网教程 项目大了就要考虑管理的问题 1,开发团队代码风格不统一,如何强制开发规范: 2,前期开发的组件库如何维护和使用: 3,如何模块化前端项目: 4,服务器部署前必须的压缩,检查流程如何简化,流程如何完善

常用 Gulp 插件汇总 —— 基于 Gulp 的前端集成解决方案(三)

前两篇文章讨论了 Gulp 的安装部署及基本概念,借助于 Gulp 强大的 插件生态 可以完成很多常见的和不常见的任务.本文主要汇总常用的 Gulp 插件及其基本使用,需要读者对 Gulp 有一个基本的了解.如果你对 Gulp 还不是很了解,可以通过下面两篇文章快速了解 Gulp . 由于几乎所有的插件都有非常友好的使用文档,所以本文不讨论涉及插件使用的东西,仅是一个汇总.排名不分先后. 本系列文章导航: 一.基于 Gulp 的前端集成解决方案 —— 在windows下安装gulp 二.基于 G

在windows下安装gulp —— 基于 Gulp 的前端集成解决方案(一)

一.准备工作 1.什么是 npm? npm 是nodejs的包管理工具,主要功能就是管理.更新.搜索.发布node的包.Gulp 就是通过 NPM 安装的.关于 NPM 中文介绍,这里有一篇非常不错的文章:http://www.cnblogs.com/chyingp/p/npm.html 完整的 NPM 文档请看这里 :https://docs.npmjs.com 2.安装 Node.js 并升级 NPM 到最新版本 nodejs 安装:打开 nodejs.org 下载 nodejs 安装包,并

前端集成解决方案(二)[进阶]

grunt files的处理方式: 1 grunt.initConfig({ 2 copy: { 3 dist: { 4 src: '<%= app %>/index.html', 5 dest: '<%= dist %>/index.html' 6 } 7 }, 8 9 clean: { 10 dist: { 11 src: '<%= dist %>/index.html' 12 } 13 } 14 }); 1 // 两个文件复制 2 grunt.initConfig

前端学习 第五弹: CSS (一)

前端学习 第五弹: CSS (一) 创建css: <link rel="stylesheet" type="text/css" href="mystyle.css" /> 外联 <style type="text/css"> hr {color: sienna;} p {margin-left: 20px;} body {background-image: url("images/back40

前端集成方案——理论(一)

集成方案在项目中的地位? 书面解释 前端集成方案指的是将前端开发领域中所有的技术元素集中到一起,对常见问题提供一套解决方案. 为什么要有集成方案? 前端达到一定规模后,一些孤立的技术元素(模块化.打包.部署.压缩合并.组件管理...)就成为束缚了研发人员的瓶颈. 好,接下来我们以研发流程为主线, 来探讨集成方案究竟应该包含哪些,需要哪些. 首先,你需要建个工程,工程在前端就是目录结构 包划分讲究得是以什么为核心,为什么这么划分.至于命名,尽量遵守通用的命名. 其次,编码阶段 写法要统一,你一个J

DevExpress XtraReports 入门五 创建交叉表报表

原文:DevExpress XtraReports 入门五 创建交叉表报表 本文只是为了帮助初次接触或是需要DevExpress XtraReports报表的人群使用的,为了帮助更多的人不会像我这样浪费时间才写的这篇文章,高手不想的看请路过 本文内容来DevExpress XtraReports帮助文档,如看过类似的请略过. 废话少说 开始正事 一.准备数据绑定 XRPivotGrid 控件 启动 MS Visual Studio (2005.2008 或 2010),并且新建一个或者打开一个现