feat(bundle): support autoExternal configuration (#74)

Author: 9aoy

e2e/cases/auto-external/default/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "@e2e/auto-external-default",
+  "dependencies": {
+    "react": "^18.3.1"
+  }
+}

e2e/cases/auto-external/default/rslib.config.ts

@@ -0,0 +1,11 @@
+import { generateBundleCjsConfig, generateBundleEsmConfig } from '@e2e/helper';
+import { defineConfig } from '@rslib/core';
+
+export default defineConfig({
+  lib: [generateBundleEsmConfig(__dirname), generateBundleCjsConfig(__dirname)],
+  source: {
+    entry: {
+      main: '../fixtures/src/index.ts',
+    },
+  },
+});

e2e/cases/auto-external/external-sub-path/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "@e2e/auto-external-with-sub-path",
+  "dependencies": {
+    "react": "^18.3.1"
+  }
+}

e2e/cases/auto-external/external-sub-path/rslib.config.ts

@@ -0,0 +1,11 @@
+import { generateBundleCjsConfig, generateBundleEsmConfig } from '@e2e/helper';
+import { defineConfig } from '@rslib/core';
+
+export default defineConfig({
+  lib: [generateBundleEsmConfig(__dirname), generateBundleCjsConfig(__dirname)],
+  source: {
+    entry: {
+      main: './src/index.ts',
+    },
+  },
+});

e2e/cases/auto-external/external-sub-path/src/index.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import ReactJsx from 'react/jsx-runtime';
+
+export const foo = () => {
+  return [React.version, ReactJsx.jsx];
+};

e2e/cases/auto-external/false/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "@e2e/auto-external-false",
+  "dependencies": {
+    "react": "^18.3.1"
+  }
+}

e2e/cases/auto-external/false/rslib.config.ts

@@ -0,0 +1,20 @@
+import { generateBundleCjsConfig, generateBundleEsmConfig } from '@e2e/helper';
+import { defineConfig } from '@rslib/core';
+
+export default defineConfig({
+  lib: [
+    {
+      ...generateBundleEsmConfig(__dirname),
+      autoExternal: false,
+    },
+    {
+      ...generateBundleCjsConfig(__dirname),
+      autoExternal: false,
+    },
+  ],
+  source: {
+    entry: {
+      main: '../fixtures/src/index.ts',
+    },
+  },
+});

e2e/cases/auto-external/fixtures/src/index.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export const foo = () => {
+  return React.version;
+};

e2e/cases/auto-external/index.test.ts

@@ -0,0 +1,61 @@
+import { join } from 'node:path';
+import { buildAndGetResults } from '@e2e/helper';
+import { expect, test } from 'vitest';
+
+test('auto external default should works', async () => {
+  const fixturePath = join(__dirname, 'default');
+  const { entries } = await buildAndGetResults(fixturePath);
+
+  expect(entries.esm).toContain(
+    'import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react"',
+  );
+
+  expect(entries.cjs).toContain(
+    'var external_react_namespaceObject = require("react");',
+  );
+});
+
+test('auto external sub path should works', async () => {
+  const fixturePath = join(__dirname, 'external-sub-path');
+  const { entries } = await buildAndGetResults(fixturePath);
+
+  expect(entries.esm).toContain(
+    'import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react"',
+  );
+  expect(entries.esm).toContain(
+    'import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime"',
+  );
+
+  expect(entries.cjs).toContain(
+    'var external_react_namespaceObject = require("react");',
+  );
+  expect(entries.cjs).toContain(
+    'var jsx_runtime_namespaceObject = require("react/jsx-runtime");',
+  );
+});
+
+test('auto external false should works', async () => {
+  const fixturePath = join(__dirname, 'false');
+  const { entries } = await buildAndGetResults(fixturePath);
+
+  expect(entries.esm).not.toContain(
+    'import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react"',
+  );
+
+  expect(entries.cjs).not.toContain(
+    'var external_react_namespaceObject = require("react");',
+  );
+});
+
+test('externals should overrides auto external', async () => {
+  const fixturePath = join(__dirname, 'with-externals');
+  const { entries } = await buildAndGetResults(fixturePath);
+
+  expect(entries.esm).toContain(
+    'import * as __WEBPACK_EXTERNAL_MODULE_react1__ from "react1"',
+  );
+
+  expect(entries.cjs).toContain(
+    'var external_react1_namespaceObject = require("react1");',
+  );
+});

e2e/cases/auto-external/with-externals/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "@e2e/auto-external-with-externals",
+  "dependencies": {
+    "react": "^18.3.1"
+  }
+}