grunt操作之Gruntfile.js

最新推荐文章于 2025-06-08 09:03:58 发布

weixin_30906671

最新推荐文章于 2025-06-08 09:03:58 发布

阅读量161

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/reamd/p/4927636.html

本文详细介绍了Gruntfile.js的三种写作方式：src和desk模式、files数组模式和files对象模式，并以copy命令为例进行说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Gruntfile.js三种写作方式

++注：我们将以grunt中的copy命令举例++
1. src和desk模式(采用不同任务来执行操作)

 copy:{
            build-1:{
                src:'<%= config.src %>/index.html',
                dest:'<%= config.app %>/index.html'
            }，
             build-2:{
                src:'<%= config.src %>/js/index.js',
                dest:'<%= config.app %>/js/index.js'
            }
        }

2. files数组模式（采用files数组模式定义不同的src和dest对象）

copy:{
            build:{
                files:[
                    {
                        src:'<%= config.src %>/index.html',
                        dest:'<%= config.app %>/index.html'
                    },
                    {
                        src:'<%= config.src %>/js/index.js',
                        dest:'<%= config.app %>/js/index.js'
                    }
                ]
            }
        }

3. files对象模式（采用files对象模式定义不同的src和dest属性）

copy:{
        build:{
          files:{
              '<%= config.app %>/index.html':'<%= config.src %>/index.html',
              '<%= config.app %>/js/index.js’：'<%= config.src %>/js/index.js'
               }
            }
        }

转载于:https://www.cnblogs.com/reamd/p/4927636.html