Step 1 - Manually add executors for Angular builders in NX plugin.

Author: klerick

libs/nx-angular-mf/src/builders/build/index.ts

@@ -1,11 +1,15 @@
-import { PromiseExecutor } from '@nx/devkit';
+import { BuilderContext, createBuilder } from '@angular-devkit/architect';
+
 import { BuildExecutorSchema } from './schema';
 
-const runExecutor: PromiseExecutor<BuildExecutorSchema> = async (options) => {
-  console.log('Executor ran for build', options);
-  return {
+export async function* runBuilder(
+  options: BuildExecutorSchema,
+  context: BuilderContext
+) {
+  context.logger.info('Run build mf');
+  yield {
     success: true,
   };
-};
+}
 
-export default runExecutor;
+export default createBuilder(runBuilder);

libs/nx-angular-mf/src/builders/serve/index.ts

@@ -1,11 +1,15 @@
-import { PromiseExecutor } from '@nx/devkit';
-import { IndexExecutorSchema } from './schema';
+import { BuilderContext, createBuilder } from '@angular-devkit/architect';
 
-const runExecutor: PromiseExecutor<IndexExecutorSchema> = async (options) => {
-  console.log('Executor ran for build', options);
-  return {
+import { ServeExecutorSchema } from './schema';
+
+export async function* runBuilder(
+  options: ServeExecutorSchema,
+  context: BuilderContext
+) {
+  context.logger.info('Run serve mf');
+  yield {
     success: true,
   };
-};
+}
 
-export default runExecutor;
+export default createBuilder(runBuilder);