javascript - plugin - webpack html css js

Utilice la biblioteca de Webpack y la configuración de LibraryTarget para configurar nuestra biblioteca personalizada a través de var global

Question

Descargo de responsabilidad: soy muy nuevo en el paquete web. Por lo tanto, por favor tengan paciencia conmigo.

Tengo una biblioteca "xyz" que actualmente se está importando como un módulo de nodo a través del registro npm.

Ahora, quiero agregarlo como una biblioteca y exponerlo a través del nombre global "abc".

Quiero usar la configuración del paquete web para lograr eso.

Entonces, entiendo que esta es la configuración que necesito agregar a mi configuración de paquete web:

 "output": {
        "path": SHELL_PATH + filePath.dist,
        "libraryTarget": "var",
        "library": "abc"
    }

Pero, ¿cómo puedo vincular abc a mi biblioteca xyz para que los métodos dentro de mi biblioteca abc se expongan a través del nombre global "abc"?

¿Qué más necesito hacer?

Answer 1

Una opción podría ser simplemente envolviendo xyz dentro de la biblioteca abc y exponiendo la biblioteca abc como una variable global.

webpack.config.js

module.exports = {
  entry: ''./index.js'',
  output: {
    libraryTarget: ''var'',
    library: ''abc'',
    path: ''./dist'',
    filename: ''abc.js''
  }
};

index.js

module.exports = {
  xyz: require(''xyz'')
};

si desea acceder a los campos xyz través de abc.xyz , o

module.exports = require(''xyz'');

si desea exportar campos xyz través de abc directamente.