Estoy creando un módulo que me gustaría que estuviera disponible en el navegador y Node. Se basa en el rendimiento, lo que me está dando problemas con Webpack y el módulo perf_hooks en Node. No importa lo que haga, solo puedo conseguirlo donde funcione en uno u otro, pero no en ambos.

A continuación se muestran la mayoría de las cosas que he probado. Mi pregunta es, ¿cómo configuro Webpack para requerir perf_hooks en el nodo, pero uso el rendimiento global integrado cuando estoy en el navegador?

Aquí está mi configuración base de Webpack:

 const path = require('path'); module.exports = { entry: './src/UpdateLoop.js', mode: 'development', output: { library: 'UpdateLoop', libraryTarget: 'umd', path: path.resolve(__dirname, 'dist'), filename: 'updateloop.js', globalObject: 'this', }, };

Código que me está dando problemas:

 const { performance } = require('perf_hooks');

Este error en webpack con:

 Field 'browser' doesn't contain a valid alias configuration resolve as module C:\Users\joe.jankowiak\projects\update-loop\src\node_modules doesn't exist or is not a directory

He visto sugerencias para que 'fs' haga lo siguiente:

 // configuration.node has an unknown property 'perf_hooks' node: { perf_hooks: false, }, // configuration has an unknown property 'browser'. browser: { perf_hooks: false, },

Luego vi a personas que recomendaban usar 'resolver':

 // Compiles, but complains performance doesn't exist in node or browser. resolve: { fallback: { perf_hooks: false, } },

 // Works in browser but doesn't work in node. Node complains about using performance before its defined: performance = performance || require('perf_hooks').performance;

 // Doesn't work in either const performance = performance || require('perf_hooks').performance;

 // Trying to check if its node, but with resolve its making perf_hooks null in node if(typeof __webpack_require__ === 'function') { global.performance = require('perf_hooks').performance; }