Tengo MFE y quiero usar webpack externals. Cuando uso solo Vue y Vuex, todo funciona muy bien.

Ejemplo:

 Webpack: { .... externals: { vue: 'Vue', 'vue-router': 'VueRouter', vuex: 'Vuex' }, .... plugins: [ new CopyWebpackPlugin(...), // Just copy files like (vue.min.js, etc) from node_modules to assets folder. ] }

Tengo una biblioteca que se escribió hace mucho tiempo para Vue2 y no puedo hacerlo 'externo'. Para esta biblioteca, tengo el módulo commonjs y umd.

ingrese la descripción de la imagen aquí ingrese la descripción de la imagen aquí

Intenté usar el módulo commonjs y agregar la biblioteca que se exportó con module.exports y también con umd. Establezca libraryTarget en 'umd', nada funciona.

Mis intentos:

 { externals: { vue: 'Vue', 'vue-router': 'VueRouter', vuex: 'Vuex', 'ui-essentials': 'UIEssentials' }, externals: { vue: 'Vue', 'vue-router': 'VueRouter', vuex: 'Vuex', 'ui-essentials': { commonjs: 'UIEssentials', commonjs2: 'UIEssentials', amd: 'UIEssentials', } }, externals: { vue: 'Vue', 'vue-router': 'VueRouter', vuex: 'Vuex', 'ui-essentials': { root: ['ui-essentials', 'UIEssentials'] } }, }

He probado muchas cosas pero el resultado es el mismo. Por ejemplo, cuando uso commonjs recibo el error 'no se encuentra el módulo'. Cuando uso solo 'ui-essentials': 'UIEssentials' recibo un error que indica que no se encuentra UIEssentials, etc.

Pero dentro de la ventana ['ui-essentials'] hay un objeto UIEssentials, pero debería estar disponible en window.UIEssentials así como lo entiendo correctamente.

En el archivo app.js, intento llamar a importar la biblioteca como importar {UIEssentials} desde 'ui-essentials';

Sin 'externos', la biblioteca funciona bien, pero necesito usar externos porque debo compartir una biblioteca entre MFE.