使用 Yeoman (mem-fs-editor) 重命名新创建的目录

Question

我正在尝试重命名目标目录中的文件夹。我的 templates 文件夹中的目录结构如下所示：

root/
├── generators
│   └── app
│       ├── templates
│       │   └── app
│       │       └── widget
│       │           ├── widget.controller.ts
│       │           ├── widget.service.ts
│       │           └── widget.module.ts
│       └── index.js
└── .yo-rc.json

我正在尝试将 widget 目录（在 destinationPath 中）重命名为用户在 prompting 阶段输入的名称。以下是我的尝试方式：

module.exports = generators.Base.extend({
    copyAppTemplate: function () {
        this.fs.copyTpl(this.templatePath('**/*'), this.destinationPath('.'), this.props);

        this.fs.move(
            this.destinationPath('app/widget'),
            this.destinationPath('app/' + this.props.widgetName)
        );
    }
})

对 copyTpl 的调用正确地构建了从 templatePath 到 destinationPath 的应用程序的脚手架和模板。但是，当调用 fs.move 操作时，我收到以下错误消息：

PS C:\Users\username\code\generator-dashboard-widget-test> yo dashboard-widget
? Your widget's name: (generator-dashboard-widget-test)
? Your widget's name: generator-dashboard-widget-test

events.js:154
    throw er; // Unhandled 'error' event
    ^
AssertionError: Trying to copy from a source that does not exist: C:\Users\username\code\generator-dashboard-widget-test\app\widget
    at EditionInterface.exports._copySingle (C:\Users\username\code\generator-dashboard-widget\node_modules\mem-fs-editor\lib\actions\copy.js:45:3)
    at EditionInterface.exports.copy (C:\Users\username\code\generator-dashboard-widget\node_modules\mem-fs-editor\lib\actions\copy.js:23:17)
    at EditionInterface.module.exports [as move] (C:\Users\username\code\generator-dashboard-widget\node_modules\mem-fs-editor\lib\actions\move.js:4:8)
    at module.exports.generators.Base.extend.copyAppTemplate (C:\Users\username\code\generator-dashboard-widget\generators\app\index.js:54:17)
    at Object.<anonymous> (C:\Users\username\code\generator-dashboard-widget\node_modules\yeoman-generator\lib\base.js:431:23)
    at C:\Users\username\code\generator-dashboard-widget\node_modules\run-async\index.js:26:25
    at C:\Users\username\code\generator-dashboard-widget\node_modules\run-async\index.js:25:19
    at C:\Users\username\code\generator-dashboard-widget\node_modules\yeoman-generator\lib\base.js:432:9
    at processImmediate [as _immediateCallback] (timers.js:383:17)

根据我对 Yeoman file system documenation 的理解，虚拟文件系统上的所有操作都是同步的，因此 app/widget 目录应该在 mem-fs-editor 实例尝试移动它之前存在。

重命名目录是否有不同的方法？

我在 Windows 8.1 和节点 5.6.0 上使用 Yeoman 1.8.4。

Answer 1

我没有弄清楚这个具体问题，但我能够通过使用 gulp-rename 插件作为转换流来完成我想要的：

copyAppTemplate: function () {
    var _this = this;

    // move a file like "app/widget/widget.controller.ts" to 
    // "app/my-widget-name/my-widget-name.controller.ts"
    this.registerTransformStream(rename(function (path) {
        path.dirname = path.dirname.replace('widget', _this.props.widgetName);
        path.basename = path.basename.replace('widget', _this.props.widgetName);
        return path;
    }));

    this.fs.copyTpl(this.templatePath('**/*'), this.destinationPath('.'), this.props);
},

我还打开了一个 GitHub 问题来跟进这里的行为：https://github.com/yeoman/yo/issues/455

使用 Yeoman (mem-fs-editor) 重命名新创建的目录

Rename a newly-created directory using Yeoman (mem-fs-editor)

yeoman

yeoman-generator