RequireJS + AngularJS Seed 13 _Grunt-plugin
RequireJS + AngularJS Seed 13 _Grunt-plugin
开源中国匿名会员 发表于4年前
RequireJS + AngularJS Seed 13 _Grunt-plugin
  • 发表于 4年前
  • 阅读 74
  • 收藏 0
  • 点赞 0
  • 评论 0

新睿云服务器60天免费使用,快来体验!>>>   

摘要: 貌似这玩意有很多人给它做插件。

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


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

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 任务执行的时间。

标签: RequireJS AngularJS
  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 78
博文 104
码字总数 113453
作品 2
×
开源中国匿名会员
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: