Node-vibrant: Как использовать сборку воркера с Webpack ...?

Созданный на 8 мая 2018 · 5Комментарии · Источник: Vibrant-Colors/node-vibrant

Так что мне трудно заставить рабочий вкус этого компонента работать в среде webpack.

Обычно, когда вы импортируете, как указано в readme.md, результатом является пустой объект.

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

Есть идеи, как исправить?

question

Источник

glomotion

👍7

Самый полезный комментарий

Должен войти в вашу конфигурацию для webpack.

https://webpack.js.org/concepts/loaders/ может быть хорошим ресурсом, чтобы найти больше :)

crutchcorn 16 апр. 2019

👍2

Все 5 Комментарий

Есть ли способ решения этой проблемы?

btzr-io 27 июн. 2018

Цитата @akfish из № 85:

Мы все еще дорабатываем документы.
Для этого вам понадобится webpack и worker-loader.
Соответствующие документы находятся в ветке разработки:
https://github.com/akfish/node-vibrant/tree/develop#webpack -configuration

crutchcorn 23 февр. 2019

🎉1 👍1

Это также должно было быть частично вызвано некоторыми ошибками, исправленными в выпуске 3.1 . Попробуйте обновить пакет, если у вас все еще возникают проблемы с этим

crutchcorn 23 февр. 2019

Куда именно следует добавлять правила, не сказано. Я имею ввиду в какой файл будет правильно добавлять правила?

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