javascript - run - Webpack umd library return Object.default

webpack ts loader

Question

Estoy escribiendo una lib con un paquete web con estas configuraciones:

output: {
    path: path.join(''build''),
    filename: ''my_lib.js'',
    library: ''MyLib'',
    libraryTarget: ''umd''
  },

MyLib:

export default function() {
  console.log(''MyLib'');
}

El problema es que cuando intento cargar build / my_lib.js en un navegador, la única manera de acceder a MyLib es a través de MyLib.default ...

¿Alguna idea?

Answer 1

Si está preguntando sobre alguna idea de por qué?

Si está utilizando Babel para habilitar las funciones de ES6, probablemente se encuentre frente a uno de los cambios entre Babel5 y Babel6.

Con Babel5 su código se transmite a esto:

''use strict'';

Object.defineProperty(exports, ''__esModule'', {
  value: true
});

exports[''default''] = function () {
  console.log(''MyLib'');
};

module.exports = exports[''default''];

Pero con Babel6 obtienes:

''use strict'';

Object.defineProperty(exports, "__esModule", {
  value: true
});

exports.default = function () {
  console.log(''MyLib'');
};

¿Ves la diferencia?

module.exports = exports[''default''];

Esta línea fue asesinada en Babel6. Aquí se decidió:

Para exportar siempre un valor predeterminado a exports.default

Si está preguntando sobre alguna idea para solucionarlo?

Puede agregar esta línea usted mismo o usar algún tipo de complemento babel que lo agregue .

const myLib = function () {
  console.log(''MyLib'');
};

export default myLib;

module.exports = myLib;