Question

我使用Grunt作为构建工具（惊喜），并且我使用grunt-contrib-copy作为调试和早期开发工具。我多次查看我的代码，但我不明白为什么我会收到错误。这是我的代码。

Gruntfile.js

module.exports = function(grunt) {
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),
        concurrent: {
            watch: {
                options: {
                    logConcurrentOutput: true
                },
                tasks: ['watch:css', 'watch:html', 'watch:js', 'watch:img']
            }
        },
        watch: {
            css: {
                files: ['./src/scss/*.scss'],
                tasks: ['sass', 'autoprefixer']
            },
            js: {
                files: ['./src/js/*.js'],
                tasks: ['copy:js']
            },
            html: {
                files: ['./src/html/*.html'],
                tasks: ['copy:html']
            },
            img: {
                files: ['./src/img/*'],
                tasks: ['copy:img']
            }
        },
        sass: {
            files: {
                expand: true,
                cwd: './src/scss/',
                src: ['*.scss'],
                dest: './src/no-prefix-css',
                ext: '.css'
            }
        },
        autoprefixer: {
            options: {
                browsers: ['all']
            },
            files: {
                expand: true,
                cwd: './src/no-prefix-css',
                src: ['*.css'],
                dest: './build/css/',
            }
        },





        // Affected code
        copy: {
            html: {
                files: {
                    expand: true,
                    cwd: './src/html/',
                    src: ['*.html'],
                    dest: './build/html/'
                }
            },
            js: {
                files: {
                    expand: true,
                    cwd: './src/js/',
                    src: ['*.js'],
                    dest: './build/js/'
                }
            },
            img: {
                files: {
                    expand: true,
                    cwd: './src/img/',
                    src: ['*.bmp', '*.jpg', '*.jpeg', '*.svg', '*.png'],
                    dest: './build/img/'
                }
            }
        }
    });

    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-contrib-sass');
    grunt.loadNpmTasks('grunt-contrib-copy');
    grunt.loadNpmTasks('grunt-autoprefixer');
    grunt.loadNpmTasks('grunt-concurrent');

    grunt.registerTask('default', 'Run build tools', ['concurrent:watch']);
}

这是我运行grunt copy:html -v

时的输出

Initializing
Command-line options: --verbose

Reading "Gruntfile.js" Gruntfile...OK

Registering Gruntfile tasks.
Reading package.json...OK
Parsing package.json...OK
Initializing config...OK

Registering "grunt-contrib-watch" local Npm module tasks.
Reading C:\Projects\tonal-music-visualizer\node_modules\grunt-contrib-watch\pack
age.json...OK
Parsing C:\Projects\tonal-music-visualizer\node_modules\grunt-contrib-watch\pack
age.json...OK
Loading "watch.js" tasks...OK
+ watch

Registering "grunt-contrib-sass" local Npm module tasks.
Reading C:\Projects\tonal-music-visualizer\node_modules\grunt-contrib-sass\packa
ge.json...OK
Parsing C:\Projects\tonal-music-visualizer\node_modules\grunt-contrib-sass\packa
ge.json...OK
Loading "sass.js" tasks...OK
+ sass

Registering "grunt-contrib-copy" local Npm module tasks.
Reading C:\Projects\tonal-music-visualizer\node_modules\grunt-contrib-copy\packa
ge.json...OK
Parsing C:\Projects\tonal-music-visualizer\node_modules\grunt-contrib-copy\packa
ge.json...OK
Loading "copy.js" tasks...OK
+ copy

Registering "grunt-autoprefixer" local Npm module tasks.
Reading C:\Projects\tonal-music-visualizer\node_modules\grunt-autoprefixer\packa
ge.json...OK
Parsing C:\Projects\tonal-music-visualizer\node_modules\grunt-autoprefixer\packa
ge.json...OK
Loading "autoprefixer.js" tasks...OK
+ autoprefixer

Registering "grunt-concurrent" local Npm module tasks.
Reading C:\Projects\tonal-music-visualizer\node_modules\grunt-concurrent\package
.json...OK
Parsing C:\Projects\tonal-music-visualizer\node_modules\grunt-concurrent\package
.json...OK
Loading "concurrent.js" tasks...OK
+ concurrent
Loading "Gruntfile.js" tasks...OK
+ default

Running tasks: copy:html

Running "copy:html" (copy) task
Verifying property copy.html exists in config...OK
Warning: undefined is not a function Use --force to continue.

Aborted due to warnings.

Answer 1

虽然这不起作用：

    copy: {
        buildImages: {
            files: {
                    expand: true,
                    cwd: paths.dev.cssImages,
                    src: '**/*',
                    dest: paths.prod.cssImages,
                    filter: 'isFile'
                }
        },
        buildBlub: {
            files: {
                    expand: true,
                    cwd: paths.dev.cssImages,
                    src: '**/*',
                    dest: paths.prod.cssImages,
                    filter: 'isFile'
                }
        }
    }

..这样做：

    copy: {
        buildImages: {
            files: [
                {
                    expand: true,
                    cwd: paths.dev.cssImages,
                    src: '**/*',
                    dest: paths.prod.cssImages,
                    filter: 'isFile'
                }
            ]
        },
        buildBlub: {
            files: [
                {
                    expand: true,
                    cwd: paths.dev.cssImages,
                    src: '**/*',
                    dest: paths.prod.cssImages,
                    filter: 'isFile'
                }
            ]
        }

    }

“files”只需要一个对象数组，如果只给出一个复制任务，为什么它与单个对象一起工作..没有线索:)

Answer 2

我不确定为什么会这样，但对于那些有类似问题的人来说，这就是我的代码出了问题：

复制并不允许我在其中创建子对象，就像我认为允许所有Grunt命令一样。为了解决我的问题，我将代码更改为如下所示：

copy: {
    default: {
        files: [
        {
            expand: true,
            cwd: './src/html/',
            src: ['*.html'],
            dest: './build/html/'
        },
        {
            expand: true,
            cwd: './src/js/',
            src: ['*.js'],
            dest: './build/js/'
        },
        {
            expand: true,
            cwd: './src/img/',
            src: ['*'],
            dest: './build/img/'
        }]
    }
}

显然，复制需要一个子对象，但它不能处理多个子对象。如果有人可以提供此功能的原因，我会非常高兴。似乎这可能被视为grunt-contrib-copy中的错误，或者我的发现不正确。我也不喜欢。

为什么Grunt Copy给我一个＆＃39; undefined不是一个功能＆＃39;警告？

2 个答案: