使用Yeoman更改现有文件

Question

我想提示用户提出问题＆＃34;您想要为组件命名什么？然后以递归方式浏览文件目录，并使用用户输入更改_MY_COMPONENT_NAME_的所有实例。

我将如何完成这项工作？

Answer 1

您想使用fs.copyTpl。这是Yeoman file helpers之一。

因此，在您的生成器writing阶段，您可以编写如下内容：

writing: function () {
  this.fs.copyTpl(
    this.templatePath('**'),
    this.destinationPath(),
    { componentName: 'the component name' }
  )
}

实际路径可能因项目而异，但您可以理解：使用glob来匹配一组文件。

在模板文件中，您只需使用模板标记输出值（此处我使用HTML，但这可以是任何类型的文件）：

<h1>
  This is the <%= componentName %>
</h1>