Node-vibrant: Como usar a construção do trabalhador com Webpack ...?

Criado em 8 mai. 2018 · 5Comentários · Fonte: Vibrant-Colors/node-vibrant

Portanto, estou tendo dificuldades para tentar obter o sabor do trabalhador desse componente em um ambiente webpack.

Basicamente, quando você importa conforme direcionado no readme.md - o resultado é um objeto vazio.

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);
} */

Você tem alguma ideia de como consertar?

question

Fonte

glomotion

👍7

Comentários muito úteis

Deve entrar em sua configuração para webpack.

https://webpack.js.org/concepts/loaders/ pode ser um bom recurso para encontrar mais :)

crutchcorn em 16 abr. 2019

👍2

Todos 5 comentários

Existe uma solução alternativa para esse problema?

btzr-io em 27 jun. 2018

Citando @akfish de # 85:

Ainda estamos finalizando os documentos.
Você precisará do webpack e do worker-loader para que isso funcione.
Documentos relevantes estão no branch de desenvolvimento:
https://github.com/akfish/node-vibrant/tree/develop#webpack -configuration

crutchcorn em 23 fev. 2019

🎉1 👍1

Isso também deve ter sido parcialmente causado por alguns bugs que foram eliminados no lançamento de 3.1 . Tente atualizar o pacote se você ainda estiver tendo problemas com isso

crutchcorn em 23 fev. 2019

Onde exatamente devemos adicionar regras, não é dito. Quer dizer, em qual arquivo será correto adicionar regras?

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