如何使用 yeoman 生成器将多个文件作为模板处理？

Question

我正在开发一个我最初使用 grunt-init 编写的自定义生成器。我注意到的一个区别是 grunt-init 自动将 root 中的所有文件作为模板处理，但使用 yeoman 生成器，您必须使用 .template() 来执行此操作。我熟悉如何使用 .template() 处理任何单个文件，但是否可以处理整个目录？

Answer 1

这个问题很烦人。我第一次使用 yeoman 时遇到了这个问题。我认为下面的代码 sn-p 可以帮助你。

this.directory('scripts', 'scripts');// script is folder name

Answer 2

查看 Yeoman 生成器代码，似乎没有内置的方法来执行此操作。我解决这个问题的方法是从内置的生成器代码中复制一些代码并根据我的需要进行修改。我确定一个文件是否是基于 _ 前缀约定的模板，因为我想重命名文件以排除该前缀，但您可以将每个文件视为模板，它会正常工作。这将复制目录中的所有文件，所以我还做的是排除您在 OSX 上默认找到的 .DS_STORE 文件，但由于这是一个特定情况，因此我没有在此处包含该文件。

require('path');

MyGenerator.prototype._processDirectory = function(source, destination) {
    var root = this.isPathAbsolute(source) ? source : path.join(this.sourceRoot(), source);
    var files = this.expandFiles('**', { dot: true, cwd: root });

    for (var i = 0; i < files.length; i++) {
        var f = files[i];
        var src = path.join(root, f);
        if(path.basename(f).indexOf('_') == 0){
            var dest = path.join(destination, path.dirname(f), path.basename(f).replace(/^_/, ''));
            this.template(src, dest);
        }
        else{
            var dest = path.join(destination, f);
            this.copy(src, dest);
        }
    }
};

Answer 3

Yeoman 使用 mem-fs-editor，它支持 glob 模式。但是文档不是很清楚，您可能会错过这一点。这是copyTpl 的文档，表示它接受与copy 相同的选项。因此，既然 copy 支持 glob 模式，那么 copyTpl 也是如此。

在你的 yeoman 生成器上的任何时候你都可以这样做：

    const from = 'myFolder/**.js'
    const to = 'project/'
    this
        .fs
        .copyTpl(
             this.templatePath(from), 
             this.destinationPath(to), 
             this.props, {interpolate: /<%=([\s\S]+?)%>/g}
        );
},

不是这样，如果您使用的是 glob 模式，则目标路径应该是一个文件夹。