fix: externalize node: modules

Author: zdm

lib/plugins/node-protocol.js

@@ -0,0 +1,13 @@
+export default class NodeProtocolWebpackPlugin {
+
+    // public
+    apply ( compiler ) {
+        compiler.hooks.normalModuleFactory.tap( "TrackNodeImportsPlugin", nmf => {
+            nmf.hooks.beforeResolve.tap( "TrackNodeImportsPlugin", resolveData => {
+                if ( resolveData.request.startsWith( "node:" ) ) {
+                    console.warn( `Node import detected: ${ resolveData.request } in ${ resolveData.context }` );
+                }
+            } );
+        } );
+    }
+}

lib/webpack.js

@@ -10,6 +10,7 @@ import ansi from "#core/ansi";
 import { readConfig } from "#core/config";
 import env from "#core/env";
 import { BULLET } from "#core/unicode";
+import NodeProtocolWebpackPlugin from "#lib/plugins/node-protocol";
 import WebpackDevServer from "#lib/webpack/dev-server";
 
 const ajv = new Ajv().addSchema( await readConfig( "#resources/schemas/config.schema.yaml", { "resolve": import.meta.url } ) );
@@ -219,6 +220,8 @@ export default class WebpackRunner {
 
                 const config = component.webpackConfig;
 
+                config.plugins.push( new NodeProtocolWebpackPlugin() );
+
                 // inject webpack bundle analyzer
                 if ( this.#useAnalyzer ) {
                     config.plugins.push( new BundleAnalyzerPlugin( {
@@ -344,14 +347,6 @@ export default class WebpackRunner {
 
                     this.#printCompilationStart();
                 } );
-
-                compiler.hooks.normalModuleFactory.tap( "TrackNodeImportsPlugin", nmf => {
-                    nmf.hooks.beforeResolve.tap( "TrackNodeImportsPlugin", resolveData => {
-                        if ( resolveData.request.startsWith( "node:" ) ) {
-                            console.log( `Node import detected: ${ resolveData.request } in ${ resolveData.context }` );
-                        }
-                    } );
-                } );
             },
         };
 

resources/webpack-components/node/component.js

@@ -29,11 +29,11 @@ export default class extends WebpackComponent {
             },
             "cache": this.webpackCacheOptions,
 
-            "externals": [
+            // "externals": [
 
-                //
-                /^node:/,
-            ],
+            //     //
+            //     /^node:/,
+            // ],
 
             "entry": {
                 "main": this.context + "/bin/main.js",

resources/webpack-components/web-worker/component.js

@@ -47,11 +47,11 @@ export default class extends WebpackComponent {
             },
             "cache": this.webpackCacheOptions,
 
-            "externals": [
+            // "externals": [
 
-                //
-                /^node:/,
-            ],
+            //     //
+            //     /^node:/,
+            // ],
 
             "entry": {
                 "worker": {

resources/webpack-components/web/component.js

@@ -38,11 +38,11 @@ export default class extends WebpackComponent {
             },
             "cache": this.webpackCacheOptions,
 
-            "externals": [
+            // "externals": [
 
-                //
-                /^node:/,
-            ],
+            //     //
+            //     /^node:/,
+            // ],
 
             "entry": {
                 "app": "@",