Node-vibrant: ¿Cómo usar la compilación del trabajador con Webpack ...?

Creado en 8 may. 2018 · 5Comentarios · Fuente: Vibrant-Colors/node-vibrant

Así que estoy teniendo dificultades para intentar que la versión de trabajador de este componente funcione dentro de un entorno de paquete web.

Básicamente, cuando importa como se indica en el archivo readme.md, el resultado es un objeto vacío.

import Vibrant from 'node-vibrant/dist/vibrant.worker'; 
console.log(Vibrant) // returns {}

import Vibrant from 'node-vibrant/dist/vibrant.worker.min';
console.log(Vibrant) // returns {}

// Normal import - works fine... (just doesn't seem to have the worker functionality...)
import Vibrant from 'node-vibrant';
console.log(Vibrant) /* returns ƒ Vibrant(_src, opts) {
   this._src = _src;
   this.opts = defaults({}, opts, Vibrant.DefaultOpts);
   this.opts.combinedFilter = Filters.combineFilters(this.opts.filters);
} */

¿Tiene alguna idea sobre cómo solucionarlo?

question

Fuente

glomotion

👍7

Comentario más útil

Debería entrar en su configuración para webpack.

https://webpack.js.org/concepts/loaders/ podría ser un buen recurso para encontrar más :)

crutchcorn en 16 abr. 2019

👍2

Todos 5 comentarios

¿Existe alguna solución para este problema?

btzr-io en 27 jun. 2018

Citando a @akfish del # 85:

Todavía estamos finalizando los documentos.
Necesitará webpack y worker-loader para que esto funcione.
Los documentos relevantes están en la rama de desarrollo:
https://github.com/akfish/node-vibrant/tree/develop#webpack -configuration

crutchcorn en 23 feb. 2019

🎉1 👍1

Esto también debería haber sido causado parcialmente por algunos errores que fueron eliminados en la versión 3.1 . Intente actualizar el paquete si aún tiene problemas con esto

crutchcorn en 23 feb. 2019

Dónde exactamente debemos agregar reglas, no se dice. Quiero decir, ¿en qué archivo será correcto agregar reglas?

{
  // ...
  module: {
    rules: [
      {
        test: /\.worker.js$/,
        loader: 'worker-loader',
        options: { /* ... */ }
      },
      // ...
    ]
  }
}