fix: changing external dependencies in webpack as externalsType Module

An error was identified when using an external lib,
webpack resolves it as dynamic import and
to resolve this it was changed to use externalType module.

Author: jcbsfilho

lib/build/bundlers/webpack/plugins/azion-polyfills/azion-polyfills.plugins.js

@@ -14,6 +14,20 @@ class AzionPolyfillPlugin {
       compiler.options.plugins = [];
     }
 
+    // additional plugin to handle "node:" URIs
+    compiler.options.plugins.push(
+      new compiler.webpack.NormalModuleReplacementPlugin(
+        new RegExp(`^${this.prefix}`),
+        (resource) => {
+          const mod = resource.request.replace(
+            new RegExp(`^${this.prefix}`),
+            '',
+          );
+          resource.request = mod;
+        },
+      ),
+    );
+
     const filteredExternal = new Map(
       [...polyfillsManager.external].filter(([key]) => {
         const hasPrefix = new RegExp(`^${this.prefix}`).test(key);
@@ -22,21 +36,19 @@ class AzionPolyfillPlugin {
     );
 
     if (this.buildProd) {
-      compiler.options.externals = compiler.options.externals || [];
-      compiler.options.externals.push(
-        // eslint-disable-next-line
-        ({ request }, callback) => {
-          const externalsToCheck = [...filteredExternal.keys()];
-
-          if (
-            externalsToCheck.some((key) => new RegExp(`${key}$`).test(request))
-          ) {
-            return callback(null, `module ${request}`);
-          }
-
-          return callback();
-        },
-      );
+      compiler.options.externals = compiler.options.externals || {};
+      compiler.options.externalsType = 'module';
+      compiler.options.externals = {
+        ...Object.fromEntries(
+          [...filteredExternal].flatMap(([key]) => {
+            return [
+              [key, key],
+              [`${this.prefix}${key}`, `${this.prefix}${key}`],
+            ];
+          }),
+        ),
+        ...compiler.options.externals,
+      };
     } else {
       compiler.options.plugins.push(
         new compiler.webpack.NormalModuleReplacementPlugin(

lib/build/bundlers/webpack/plugins/node-polyfills/node-polyfills.plugins.js

@@ -63,21 +63,19 @@ class NodePolyfillPlugin {
     );
 
     if (this.buildProd) {
-      compiler.options.externals = compiler.options.externals || [];
-      compiler.options.externals.push(
-        // eslint-disable-next-line
-        ({ request }, callback) => {
-          const externalsToCheck = [...filteredExternal.keys()];
-
-          if (
-            externalsToCheck.some((key) => new RegExp(`${key}$`).test(request))
-          ) {
-            return callback(null, `module ${request}`);
-          }
-
-          return callback();
-        },
-      );
+      compiler.options.externals = compiler.options.externals || {};
+      compiler.options.externalsType = 'module';
+      compiler.options.externals = {
+        ...compiler.options.externals,
+        ...Object.fromEntries(
+          [...filteredExternal].flatMap(([key]) => {
+            return [
+              [key, key],
+              [`${this.prefix}${key}`, `${this.prefix}${key}`],
+            ];
+          }),
+        ),
+      };
     } else {
       compiler.options.resolve.fallback = {
         ...Object.fromEntries(

lib/build/bundlers/webpack/webpack.config.js

@@ -12,6 +12,9 @@ const outputPath = isWindows
   : join(projectRoot, '.edge');
 
 export default {
+  experiments: {
+    outputModule: true,
+  },
   output: {
     path: outputPath,
     filename: 'worker.js',

lib/presets/custom/next/compute/default/prebuild/index.js

@@ -124,6 +124,7 @@ async function run(prebuildContext) {
       // this is necessary in the order of use, which needs to be defined at the top of the worker
       _ENTRIES: JSON.stringify({}),
       __CONFIG__: JSON.stringify(processedVercelOutput.vercelConfig),
+      AsyncLocalStorage: JSON.stringify({}),
     },
     builderPlugins: [],
   };