Grunt-简单使用

前言

为何要用构建工具？

一句话：自动化。对于需要反复重复的任务，例如压缩（minification）、编译、单元测试、linting等，

自动化工具可以减轻你的劳动，简化你的工作。当你在 Gruntfile 文件正确配置好了任务，

任务运行器就会自动帮你或你的小组完成大部分无聊的工作。

为什么要使用 Grunt？

Grunt 生态系统非常庞大，并且一直在增长。由于拥有数量庞大的插件可供选择，

因此，你可以利用 Grunt 自动完成任何事

Grunt基本使用

安装grunt yarn add grunt

1、包含执行 yarn grunt  + 任务名

2、任务描述 yarn grunt  + 任务名

3、默认任务 yarn grunt

4、组合任务 yarn grunt

5、执行异步任务 yarn grunt + 任务名

module.exports = grunt => {
    //第1、registerTask第一个参数代表任务名，第二个参数代表需要do something
    grunt.registerTask("foo", () => {
        console.log('hello  world');
    });

    //第2、任务描述，第二个参数自定义代表任务描述
    grunt.registerTask("bar", '关于任务描述', () => {
        console.log('other  task');
    });

    //第3、如果任务名是default，默认运行的时候不需要加任务名，直接运行任务
    // grunt.registerTask('default', () => {

    // });
    //第4、一般使用default作为任务名，第二个参数默认为数组，数组里面为多个任务名
    grunt.registerTask('default', ['foo', 'bar']);

    //第5、执行异步任务，在grunt中默认是同步执行，如果是异步任务的话需要调用this.async()方法

    //在异步结束后调用这个函数如下代码所示

    //在这里不能使用箭头函数，如果使用箭头函数this指向有问题

    grunt.registerTask('async-task', function() {

        //使用done 更好地语义化
        const done = this.async();

        setTimeout(() => {
            console.log('async-task');
            //调用done
            done();
        }, 1000);
    })
}

谢谢观看，本篇主要是简单介绍如何使用grunt，

关于grunt更高级的用法请关注我接下来的文章，谢谢