feat(bundling): Add support to rollup for babelUpwardRootMode

docs/generated/packages/rollup/executors/rollup.json

@@ -150,6 +150,11 @@
         "default": "babel",
         "description": "Which compiler to use."
       },
+      "babelUpwardRootMode": {
+        "type": "boolean",
+        "description": "Whether to set rootmode to upward. See https://babeljs.io/docs/en/options#rootmode",
+        "default": false
+      },
       "javascriptEnabled": {
         "type": "boolean",
         "description": "Sets `javascriptEnabled` option for less loader",

packages/rollup/src/executors/rollup/rollup.impl.ts

@@ -255,7 +255,7 @@ export function createRollupOptions(
             isModern: true,
           },
           cwd: join(context.root, sourceRoot),
-          rootMode: 'upward',
+          rootMode: options.babelUpwardRootMode ? 'upward' : undefined,
           babelrc: true,
           extensions: fileExtensions,
           babelHelpers: 'bundled',

packages/rollup/src/executors/rollup/schema.d.ts

@@ -32,4 +32,5 @@ export interface RollupExecutorOptions {
   javascriptEnabled?: boolean;
   generateExportsField?: boolean;
   skipTypeCheck?: boolean;
+  babelUpwardRootMode?: boolean;
 }

packages/rollup/src/executors/rollup/schema.json

@@ -137,6 +137,11 @@
       "default": "babel",
       "description": "Which compiler to use."
     },
+    "babelUpwardRootMode": {
+      "type": "boolean",
+      "description": "Whether to set rootmode to upward. See https://babeljs.io/docs/en/options#rootmode",
+      "default": false
+    },
     "javascriptEnabled": {
       "type": "boolean",
       "description": "Sets `javascriptEnabled` option for less loader",

packages/rollup/src/migrations/update-16-3-0-add-babel-upward-root-mode-flag/update-16-3-0-add-babel-upward-root-mode-flag.spec.ts

@@ -0,0 +1,58 @@
+import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing';
+import {
+  addProjectConfiguration,
+  readProjectConfiguration,
+  Tree,
+} from '@nx/devkit';
+import addBabelUpwardRootModeFlag from './update-16-3-0-add-babel-upward-root-mode-flag';
+
+describe('16.3.0 migration (add babelUpwardRootMode flag)', () => {
+  let tree: Tree;
+
+  beforeEach(async () => {
+    tree = createTreeWithEmptyWorkspace({ layout: 'apps-libs' });
+  });
+
+  it('should add the babelUpwardRootMode flag to rollup projects', async () => {
+    addProjectConfiguration(tree, 'app1', {
+      root: 'apps/app1',
+      targets: {
+        build: {
+          executor: '@nx/rollup:rollup',
+          options: {},
+        },
+      },
+    });
+    addProjectConfiguration(tree, 'app2', {
+      root: 'apps/app2',
+      targets: {
+        build: {
+          executor: '@nx/rollup:rollup',
+          options: {
+            babelUpwardRootMode: false,
+          },
+        },
+      },
+    });
+
+    addProjectConfiguration(tree, 'app3', {
+      root: 'apps/app3',
+      targets: {
+        build: {
+          executor: '@nx/esbuild:esbuild',
+          options: {},
+        },
+      },
+    });
+
+    await addBabelUpwardRootModeFlag(tree);
+
+    const app1 = readProjectConfiguration(tree, 'app1');
+    const app2 = readProjectConfiguration(tree, 'app2');
+    const app3 = readProjectConfiguration(tree, 'app3');
+
+    expect(app1.targets['build'].options.babelUpwardRootMode).toBeTruthy();
+    expect(app2.targets['build'].options.babelUpwardRootMode).toBeFalsy();
+    expect(app3.targets['build'].options.babelUpwardRootMode).toBeUndefined();
+  });
+});

packages/rollup/src/migrations/update-16-3-0-add-babel-upward-root-mode-flag/update-16-3-0-add-babel-upward-root-mode-flag.ts

@@ -0,0 +1,32 @@
+import {
+  formatFiles,
+  readProjectConfiguration,
+  Tree,
+  updateProjectConfiguration,
+} from '@nx/devkit';
+import { forEachExecutorOptions } from '@nx/devkit/src/generators/executor-options-utils';
+import { RollupExecutorOptions } from '../../executors/rollup/schema';
+
+export default async function (tree: Tree) {
+  forEachExecutorOptions<RollupExecutorOptions>(
+    tree,
+    '@nx/rollup:rollup',
+    (
+      options: RollupExecutorOptions,
+      projectName,
+      targetName,
+      _configurationName
+    ) => {
+      if (options.babelUpwardRootMode !== undefined) {
+        return;
+      }
+
+      const projectConfiguration = readProjectConfiguration(tree, projectName);
+      projectConfiguration.targets[targetName].options.babelUpwardRootMode =
+        true;
+      updateProjectConfiguration(tree, projectName, projectConfiguration);
+    }
+  );
+
+  await formatFiles(tree);
+}