文档章节

RequireJS + AngularJS Seed 13 _Grunt-plugin

开源中国匿名会员
 开源中国匿名会员
发布于 2014/05/30 15:32
字数 335
阅读 78
收藏 0

看配置文档看得头都要炸了,敢不敢再烦点。


监控文件变化,如果文件发生追加,更新或者删除的时候,执行预定义任务。 比如:

watch: {
    server: {
        files: [".nodemon"],
        options: {
            livereload: true
        }
    }
}

Mocha 的插件: 比如:

mochaTest: {
    server: {
        src: ['test/server/**/*.js']
    }
}

Karma 的插件 比如:

karma: {
    unit: {
        configFile: 'test/client/karma.conf.js'
    }
}

Protractor 的插件 比如:

protractor: { e2e: { configFile: "test/client/protractor.conf.js", keepAlive: false } }

nodemon 的插件,用来简化工作流配置。 比如:

nodemon: {
    dev: {
        script: 'app.js',
        options: {
            nodeArgs: ['--debug', '--harmony'],
            ignore: ['node_modules/**', 'client/**'],
            callback: function (nodemon) {
                fs.writeFileSync('.nodemon', 'started');
                nodemon.on('log', function (event) {
                    console.log(event.colour);
                });
                nodemon.on('restart', function () {
                    setTimeout(function () {
                        fs.writeFileSync('.nodemon', 'restarted');
                    }, 250);
                });
            }
        }
    }
}

可以同时执行多个 Grunt 任务。 比如:

concurrent: {
    tasks: ['nodemon', 'watch'],
    options: {
        logConcurrentOutput: true
    }
}

把 ENV 作为任务配置。 比如:

grunt.registerTask('test', ['env:test', 'mochaTest:server', 'karma:unit']);

美化JShint报告。 比如:

jshint: {
    options: {
        reporter: require('jshint-stylish')
    },
    target: ['file.js']
}

加载所有 grunt-* 的任务。 比如使用 yo 新建 angular 工程的时候,在 node_modules 下安装了许多模块,

"grunt-autoprefixer": "~0.4.0",
"grunt-bower-install": "~1.0.0",
"grunt-concurrent": "~0.5.0",
"grunt-contrib-clean": "~0.5.0",
"grunt-contrib-concat": "~0.3.0",
"grunt-contrib-connect": "~0.5.0",
"grunt-contrib-copy": "~0.4.1",
"grunt-contrib-cssmin": "~0.7.0",
"grunt-contrib-htmlmin": "~0.1.3",
"grunt-contrib-imagemin": "~0.3.0",
"grunt-contrib-jshint": "~0.7.1",
"grunt-contrib-uglify": "~0.2.0",
"grunt-contrib-watch": "~0.5.2",
"grunt-google-cdn": "~0.2.0",
"grunt-newer": "~0.6.1",
"grunt-ngmin": "~0.0.2",
"grunt-rev": "~0.1.0",
"grunt-svgmin": "~0.2.0",
"grunt-usemin": "~2.0.0",

那么使用上面的将会一把全加载。而无需挨个的 loadNpmTasks。

显示 Grunt 任务执行的时间。

© 著作权归作者所有

共有 人打赏支持
开源中国匿名会员
粉丝 78
博文 104
码字总数 113453
作品 2
徐汇
技术主管
私信 提问
Angular项目构建指南 - 不再为angular构建而犹豫不决

前言 接触Angular也有小半个月了,虽然没有使劲折腾,不过正所谓"no zuo no die".学一门新东西,不好好折腾一下总觉得对不起祖国,最不起人民...好像扯远了,想写前言来着.为什么要写这篇构建指南...

顽Shi
2014/06/16
0
16
angularJS和requireJS问题

在angular开发中想使用AMD规范,如上面的代码,抱如下错行。 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.0/$injector/modulerr?p... 但是采用下面的做法就没有问...

wj2699
2016/03/08
657
1
RequireJS + AngularJS Seed 04 _RequireJS

今天继续拆。我想问,尼玛我以前碰到的队友难道都是前端转过来的?洋洋洒洒上万行堆一个文件里面不难受么。大致的目录结构像下面这样: ---------- 很好。看起来模块相互依赖关系是这样的。 ...

开源中国匿名会员
2014/05/09
0
4
RequireJS + AngularJS Seed 06 _Enviroment

搭个环境要涉及的太多,写个清单看起来舒服点。 MEAN(四件套,俗称 MEAN。Express这个也有许多可以代替的,所以叫Man也蛮好的。比如说用 Koa 代替 Express。) [MongoDB][1] [ExpressJs][2] [...

开源中国匿名会员
2014/05/12
0
2
使用 AngularJS 开发一个大规模的单页应用(SPA)

下载源代码 介绍 (SPA)这样一个名字里面蕴含着什么呢? 如果你是经典的Seinfeld电视秀的粉丝,那么你一定知道Donna Chang这个名字。Jerry跟Donna见面,Donna其实不是华人,但是却因在谈论其...

oschina
2014/08/18
49K
18

没有更多内容

加载失败,请刷新页面

加载更多

tomcat线程模型

Connector结构 BIO模式 NIO模式

grace_233
25分钟前
1
0
Javascript

变量定义 以$,_,字母开头 大小写敏感 var 关键字声明变量 声明未赋值undefined 数据类型 字符串,数字,布尔,数组,NULL,undefined 变量均为对象 函数 无默认值 var声明的是局部变量 函数外声明...

关元
26分钟前
1
0
文件系统、服务、防火墙、SELINUX——安全四大金刚

一提到安全,大家都会想到防火墙,和文件系统权限。而实际工作环境中,我们在Linux的安全配置,会涉及到四个级别。我们思考一个场景,你要在百度盘中存放一个文件,这个动作需要考虑下面四个...

Linux就该这么学
28分钟前
1
0
从源码角度理解Java设计模式——门面模式

一、门面模式介绍 门面模式定义:也叫外观模式,定义了一个访问子系统的接口,除了这个接口以外,不允许其他访问子系统的行为发生。 适用场景:子系统很复杂时,增加一个接口供外部访问。 优...

我叫刘半仙
37分钟前
2
0
新鲜出炉,2019最新大厂面试题总汇!

在这个互联网技术快速迭代的时代,每个程序员都知道技术对于职业发展的重要性,那些技术好的程序员不仅薪资高,而且大多数集中在一线互联网企业工作,让人感觉非常高大上的同时,也想去大厂做...

Java架构资源分享
46分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部