使用 Angular Schematics 复制文件夹及其内容答案

【问题标题】：Copying folder and its contents with Angular Schematics使用 Angular Schematics 复制文件夹及其内容
【发布时间】：2021-07-09 16:30:04
【问题描述】：

我的库中有一个字体文件夹，我想在安装过程中或安装后使用 Angular Schematics 将其复制到 Angular 应用程序（更具体地说是src/asset 文件夹）。在 package.json 中运行一个简单的 cp 脚本不是一种选择。到目前为止，这是我的工厂：

export function addFonts(_options: any): Rule {
  return (tree: Tree, _context: SchematicContext) => {
    const workspaceConfigBuffer = tree.read('angular.json');
    if (!workspaceConfigBuffer) {
      throw new SchematicsException('Not an Angular CLI workspace');
    }
    const workspace = JSON.parse(workspaceConfigBuffer.toString());
    const projectName = workspace.defaultProject;
    const project = workspace.projects[projectName];
    const defaultProjectPath = `${project.sourceRoot}/${
      project.projectType === 'application' ? 'app' : 'lib'
    }`;
    const rawFontDir = tree.getDir(`${defaultProjectPath}/assets`);
    const results: string[] = [];
    tree.getDir('node_modules/@myNgLib/font-styles/fonts').visit(filePath => {
      results.push(filePath);
    });
    results.map(result => {
      const copyFonts = apply(url(`${result}`), [move(`${rawFontDir}`)]);
      console.log(rawFontDir);
      return mergeWith(copyFonts);
    });
    return tree;
  };
}

看来我没有更改树中的任何内容，因为当我运行它时，我收到消息Nothing to be done。有人可以帮忙吗？

【问题讨论】：

标签： angular angular-schematics

【解决方案1】：

也许有人会有其他解决方案，但这是我的：

function addFonts(): Rule {
  return (tree: Tree, _context: SchematicContext) => {
    const workspaceConfigBuffer = tree.read('angular.json');
    if (!workspaceConfigBuffer) {
      throw new SchematicsException('Not an Angular CLI workspace');
    }
    const workspace = JSON.parse(workspaceConfigBuffer.toString());
    const projectName = workspace.defaultProject;
    const project = workspace.projects[projectName];
    const rawFontCopiesDir = tree.getDir(`${project.sourceRoot}/assets/fonts`);
    const nodeModulePath = 'node_modules/@myNgLib/font-styles/fonts';
    const files: string[] = [];
    tree.getDir(nodeModulePath).visit(filePath => {
      const file = filePath.split('/').slice(-1).toString();
      files.push(file);
    });
    const fs = require('fs');
    const parsedDir = JSON.parse(JSON.stringify(rawFontCopiesDir));
    const rootDir = parsedDir._tree._backend._root;
    fs.mkdir(`${rootDir}${rawFontCopiesDir.path}`, (err: any) => {
      if (err) {
        throw err;
      }
    });
    files.forEach(fileName => {
      fs.copyFile(
        `${rootDir}/${nodeModulePath}/${fileName}`,
        `${rootDir}${rawFontCopiesDir.path}/${fileName}`,
        (err: any) => {
          if (err) {
            throw err;
          }
        }
      );
    });
  };
}

基本使用 Node.js 方法结合 Schematics 进行文件/目录操作。

【讨论】：