Estoy tratando de usar npm dentro del proyecto .Net core 6 MVC. He agregado el archivo webpack.config.js de la siguiente manera:

 module.exports = { entry: [ "babel-polyfill", "./src/main" ], output: { publicPath: "/js/", path: path.join(__dirname, "/wwwroot/js/"), filename: "main.build.js" } };

Además de los archivos package.json y package-lock.json estos se generaron automáticamente al ejecutar npm init e instalar algunas bibliotecas.
Sin embargo, en mi HTML me he referido al archivo main.build.js de la siguiente manera: <script src="~/js/main.build.js" asp-append-version="true"></script>
En mi program.cs ya he agregado:
app.UseDefaultFiles();
app.UseStaticFiles();

Los problemas a los que me enfrento son los siguientes:

• En main.build.js en let Web3 = require('web3'); Recibo el error require is not defined
• Estoy convirtiendo la declaración require para import Web3 from "web3" , aparece el error Cannot use import statement outside a module .
• Estoy insertando type="module" en <script src="~/js/main.build.js" type="module" asp-append-version="true"></script> y luego obtengo el error Failed to resolve module specifier "web3". Relative references must start with either "/", "./", or "../" .
• Por lo tanto, estoy tratando de navegar a la ruta relativa precisa comenzando con ../../node_modules/ as import Web3 from "../../node_modules/web3"; entonces recibo el error GET https://localhost:7101/node_modules/web3 net::ERR_ABORTED 404
• Necesito, además, usar paquetes npm en varios archivos js, no solo dentro de main.build.js , entonces, ¿qué más se debe hacer dentro webpack.config.js ?

Cualquier sugerencia, tutorial, ayuda o recomendación será apreciada. También me encantaría ver un ejemplo de código de GitHub donde se usa npm dentro del proyecto .Net Core 6 MVC.

La estructura de mi proyecto es la siguiente: