使用 Yeoman 生成器将基于模板的内容插入到生成的文件中的高效且最简单的方法

Question

假设我已经有一些由生成器生成的文件，我想创建一些子生成器，根据某些内容的模板将内容插入到这些文件中。

目标是创建一个由 3 层组成的多层架构的生成器（对于用 typescript 编写的 Angular2 应用程序）：

应用层
层和
业务委托层

对于每一层，主生成器必须生成组成它的所有文件：模块文件、接口文件……这个过程中生成的主要 3 个文件如下所示：

hero.applicatif.ts:

import { Injectable } from '@angular/core';
import { IHeroApplicatif } from './hero.applicatif.interface';
import { HeroMetier } from '../metier/hero.metier';
@Injectable()
export class HeroApplicatif implements IHeroApplicatif {
    constructor(private heroMetier: HeroMetier) {}
}

hero.metier.ts:

import { Injectable } from '@angular/core';
import { IHeroMetier } from './hero.metier.interface';
import { HeroBusinessDelegate } from '../business-delegate/hero.business-delegate';
@Injectable()
export class HeroMetier implements IHeroMetier {
    constructor(private heroBusinessDelegate: HeroBusinessDelegate) {}
}

hero.business-delegate.ts:

import { Injectable } from '@angular/core';
import { Http, Headers } from '@angular/http';
import { IHeroBusinessDelegate } from './hero.business-delegate.interface';
@Injectable()
export class HeroBusinessDelegate implements IHeroBusinessDelegate {
    constructor(private http: Http) {}
}

根据模板生成这些文件不会造成问题。但是我想要提示用户输入方法名称的子生成器，它是 return 类型和参数，因此子生成器必须修改每个先前生成的文件以插入代码，默认情况下，对于每一层，通过对下一层的调用。

假设子生成器提示用户输入一个名为getHero的方法，则3个文件的内容必须修改如下：

hero.applicatif.ts:

import { Injectable } from '@angular/core';
import { IHeroApplicatif } from './hero.applicatif.interface';
import { HeroMetier } from '../metier/hero.metier';
@Injectable()
export class HeroApplicatif implements IHeroApplicatif {
    constructor(private heroMetier: HeroMetier) {}
    getHero(id:number): Promise<any> {
        return this.heroMetier.getHero(id);
    }
}

hero.metier.ts:

import { Injectable } from '@angular/core';
import { IHeroMetier } from './hero.metier.interface';
import { HeroBusinessDelegate } from '../business-delegate/hero.business-delegate';
@Injectable()
export class HeroMetier implements IHeroMetier {
    constructor(private heroBusinessDelegate: HeroBusinessDelegate) {}
    getHero(id:number): Promise<any> {
        return this.heroBusinessDelegate.getHero(id);        
    }
}

hero.business-delegate.ts:

import { Injectable } from '@angular/core';
import { Http, Headers } from '@angular/http';
import { IHeroBusinessDelegate } from './hero.business-delegate.interface';
@Injectable()
export class HeroBusinessDelegate implements IHeroBusinessDelegate {
    constructor(private http: Http) {}
    getHero(id:number): Promise<any> {
        return this.http.get(...).toPromise();
    }
}

最简单、安全、最新的方法是什么？

Answer 1

要以一种安全的方式编辑代码文件内容，不会混淆最终用户 un-predicted 的更改，最安全的方法是修改文件 Abstract Syntax Tree.

Node 有多个 AST 解析器可用。最受欢迎的两个是 Esprima and Acorn。还有一些基于这些解析器构建的工具可以更轻松地修改 AST。

我不久前写了一个这样的工具，如果你想检查一下https://github.com/SBoudrias/AST-query - 它可能适用于你的用例。

使用 Yeoman 生成器将基于模板的内容插入到生成的文件中的高效且最简单的方法

Efficient and simplest way to insert template based content into generated files with Yeoman generator

yeoman

yeoman-generator

multi-layer