Node-vibrant: Bagaimana cara menggunakan build pekerja dengan Webpack...?

Dibuat pada 8 Mei 2018 · 5Komentar · Sumber: Vibrant-Colors/node-vibrant

Jadi saya mengalami kesulitan mencoba untuk membuat rasa pekerja dari komponen ini bekerja dalam lingkungan webpack.

Pada dasarnya, ketika Anda mengimpor seperti yang diarahkan di readme.md - hasilnya adalah objek kosong.

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

Apakah Anda punya ide tentang cara memperbaikinya?

question

Sumber

glomotion

👍7

Komentar yang paling membantu

Harus masuk ke konfigurasi Anda untuk webpack.

https://webpack.js.org/concepts/loaders/ mungkin sumber yang bagus untuk menemukan lebih banyak :)

crutchcorn pada 16 Apr 2019

👍2

Semua 5 komentar

Apakah ada solusi untuk masalah ini?

btzr-io pada 27 Jun 2018

Mengutip @akfish dari #85:

Kami masih menyelesaikan dokumen.
Anda akan membutuhkan webpack dan worker-loader agar ini berfungsi.
Dokumen yang relevan ada di cabang pengembangan:
https://github.com/akfish/node-vibrant/tree/develop#webpack -configuration

crutchcorn pada 23 Feb 2019

🎉1 👍1

Ini juga seharusnya sebagian disebabkan oleh beberapa bug yang tergencet dalam rilis 3.1 . Coba perbarui paket jika Anda masih mengalami masalah dengan ini

crutchcorn pada 23 Feb 2019

Di mana tepatnya kita harus menambahkan aturan, itu tidak dikatakan. Maksud saya di file mana yang benar untuk menambahkan aturan?

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