进程选项混淆的 grunt-contrib-copy 语法

Question

我试图在复制时替换不同文件中的一些占位符。我的 gruntfile 工作正常，但是添加了 process 选项来进行替换，它就是不工作。以下是我的 gruntfile 的相关部分：

grunt.initConfig({

    copy: {
        js: {
            files: [{
                expand: true,
                cwd: 'src/wp-content/themes/pilau-starter/',
                src: ['**/*.js'],
                dest: 'public/wp-content/themes/pilau-starter/'
            }],
            options: {
                process: function ( content ) {
                    console.log( content );
                    content = content.replace( /pilauBreakpointLarge/g, breakpoints.large );
                    content = content.replace( /pilauBreakpointMedium/g, breakpoints.medium );
                    return content;
                }
            }
        },
    }

});

可以在 GitHub 上的代码上下文中理解路径：https://github.com/pilau/starter（public 目录未提交到 repo，因为它是入门主题）。这些路径是我原来的 Gruntfile 中的变量，并且在所有其他任务中工作正常。

所有变量都设置好了。我包含了 console.log( content ) 来检查过程函数是否实际上是运行 - 它似乎不是，所以我猜这是基本语法。

有一个答案 () 似乎可以解决这个问题，但据我所知，这种做法只是糟糕的 JS 语法——不确定它是如何被标记为正确的。

--verbose 运行复制任务的输出：

Running "copy:js" (copy) task
Verifying property copy.js exists in config...OK
Files: src/wp-content/themes/pilau-starter/js/admin.js -> public/wp-content/themes/pilau-starter/js/admin.js
Files: src/wp-content/themes/pilau-starter/js/flickity.js -> public/wp-content/themes/pilau-starter/js/flickity.js
Files: src/wp-content/themes/pilau-starter/js/global.js -> public/wp-content/themes/pilau-starter/js/global.js
Files: src/wp-content/themes/pilau-starter/js/modernizr.js -> public/wp-content/themes/pilau-starter/js/modernizr.js
Files: src/wp-content/themes/pilau-starter/js/picturefill.js -> public/wp-content/themes/pilau-starter/js/picturefill.js
Files: src/wp-content/themes/pilau-starter/js/respond.js -> public/wp-content/themes/pilau-starter/js/respond.js
Options: processContent=false, processContentExclude=[], process=undefined
Options: processContent=false, processContentExclude=[], process=undefined
Copying src/wp-content/themes/pilau-starter/js/admin.js -> public/wp-content/themes/pilau-starter/js/admin.js
Reading src/wp-content/themes/pilau-starter/js/admin.js...OK
Writing public/wp-content/themes/pilau-starter/js/admin.js...OK

Answer 1

这似乎根本不是 process 选项的问题，而是 srcThemeDir 的问题。我会记录它以确保您确切知道它是什么，因为它似乎导致 copy 任务找不到任何文件（因此不调用进程函数）。

Answer 2

您的 g运行t-contrib-copy 版本是 0.4.0。正如@nemesv 正确指出的那样，在此版本中使用的属性名称将是 processContent 而不是 process.

我克隆了您的存储库并切换到 json-breakpoints b运行ch。并且运行 grunt copy:js 并且它替换了内容。

现在，当你运行 grunt copy:js --verbose 它仍然会显示这个

processContent 被记录为未定义，因为 g运行t 使用 JSON.stringify 来记录一个值。并且 JSON.stringify returns undefined 当你传递给它一个函数定义时。

如果您有兴趣，这里是负责记录所有选项的方法

    Log.prototype.writeflags = function(obj, prefix) {
        var wordlist;
        if (Array.isArray(obj)) {
            wordlist = this.wordlist(obj);
        } else if (typeof obj === 'object' && obj) {
            wordlist = this.wordlist(Object.keys(obj).map(function(key) {
                var val = obj[key];
                return key + (val === true ? '' : '=' + JSON.stringify(val));
            }));
        }
        this._writeln((prefix || 'Flags') + ': ' + (wordlist || '(none)'.cyan));
        return this;
    };

进程选项混淆的 grunt-contrib-copy 语法

grunt-contrib-copy syntax for process option confusion

gruntjs

grunt-contrib-copy