在新的nx工作区中创建自定义.editorconfig， .eslintrc.json和. pretierrc

Question

当我从angular预设中创建一个新的nx-workspace时，我想插入自定义(公司范围).editorconfig， .eslintrc.json和.prettierrc的配置，而不是每次复制它们。

是否有自定义create-nx-workspace的方法?

作为退一步，我将满足于一些&;ng添加…&;(或正确的nx替代),覆盖提到文件。

Answer 1

我利用这个机会看了看Angular的Schematics。

我有一个小的"ng-add"Schematics，它用我自己的文件覆盖文件并安装所需的依赖项。

由于这些都是根目录下的文件，示意图规则很简单(所有模板都在文件夹files中，如建议的那样):

import {
Rule,
SchematicContext,
Tree,
apply,
url,
mergeWith,
template,
MergeStrategy,
} from "@angular-devkit/schematics";
export function ngAdd(options: any): Rule {
return (tree: Tree, context: SchematicContext) => {
const templateSource = apply(url("./files"), [template(options)]);
const merged = mergeWith(templateSource, MergeStrategy.Overwrite);
return merged(tree, context);
};
}

在我用npx create-nx-workspace --preset=angular创建了工作区之后，我可以只使用nx add my-schematics，它有我需要的形状。