nrwl / nx特定于工作空间的原理图

前端之家收集整理的这篇文章主要介绍了nrwl / nx特定于工作空间的原理图前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直在调查nrwl扩展,它们看起来很棒.但是,当我按照他们的 Workspace Specific Schematics教程时,最后一步并没有显示运行命令.你能告诉我如何运行我创建的原理图吗?我确信它很简单,但我无法在任何地方找到命令.

解决方法

用于原理图的Nx生成器并不能完成使原理图工作所需的所有操作.我在下面学到的是通过遵循 this blog post by the Angular Team在另一个目录中创建一个空白原理图,我建议您一般来理解Schematics.

以下粗略步骤应该有助于您的工作:

>使用Nx原理图工作空间原理图生成原理图
>例如,在tools / schematics目录中添加collection.json文件

{
  "$schema": "../../node_modules/@angular-devkit/schematics/collection-schema.json","name": "myCustomCollection","version": "0.0.1","extends": ["@nrwl/schematics"],"schematics": {
    "data-access-lib": {
      "factory": "./data-access-lib","schema": "./data-access-lib/schema.json","description": "Create a Data Access Library"
    }
  }
}

注意extends属性,这意味着你的集合,如果它没有特定的原理图,将会看到Nx原理图,试图在失败之前找到它
>在package.json中添加一个原理图字段,指向collection.json文件的相对位置(例如“schematics”:“./ tools / survey / collect.json”)
>将您的Typescript编译为Javascript.我创建了一个package.json脚本来运行tsc -p tools / tsconfig.typescript.json(你应该修改你的tsconfig文件以保留已编译的js)
>(可选)默认情况下,修改angular.json以指向您的集合. cli> defaultCollection =“.”(最初是我的@nrwl / schematics)

>注意:将默认集合设置为“.”使它只在根目录中工作.如果你需要在一个subfoler中运行你的集合,你需要像ng g ../..:data-access-lib一样运行它

>使用ng g data-access-lib(如果已完成步骤5)或ng g.:data-access-lib运行原理图

Nx原理图发生器似乎有一些主要的差距,但希望这将有助于你回到正轨.

猜你在找的Angularjs相关文章