Node-vibrant: Comment utiliser la génération de travailleurs avec Webpack... ?

Créé le 8 mai 2018 · 5Commentaires · Source: Vibrant-Colors/node-vibrant

J'ai donc du mal à essayer de faire fonctionner la version worker de ce composant dans un environnement webpack.

Fondamentalement, lorsque vous importez comme indiqué dans le fichier readme.md, le résultat est un objet vide.

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

Avez-vous des idées sur la façon de réparer?

question

Source

glomotion

👍7

Commentaire le plus utile

Devrait entrer dans votre configuration pour webpack.

https://webpack.js.org/concepts/loaders/ pourrait être une bonne ressource pour en trouver plus :)

crutchcorn le 16 avr. 2019

👍2

Tous les 5 commentaires

Existe-t-il une solution à ce problème ?

btzr-io le 27 juin 2018

Citant @akfish du n°85 :

Nous sommes encore en train de finaliser les docs.
Vous aurez besoin de webpack et de worker-loader pour que cela fonctionne.
Les documents pertinents se trouvent dans la branche de développement :
https://github.com/akfish/node-vibrant/tree/develop#webpack -configuration

crutchcorn le 23 févr. 2019

🎉1 👍1

Cela aurait également dû être partiellement causé par certains bogues qui ont été écrasés dans la version 3.1 . Essayez de mettre à jour le package si vous rencontrez toujours des problèmes avec cela

crutchcorn le 23 févr. 2019

Où exactement devrions-nous ajouter des règles, ce n'est pas dit. Je veux dire dans quel fichier il sera correct d'ajouter des règles ?

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