Node-vibrant: Webpackでworkerbuildを使用する方法...?

作成日 2018年05月08日  ·  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

最も参考になるコメント

webpackの構成に入る必要があります。

https://webpack.js.org/concepts/loaders/は、詳細を見つけるのに適したリソースかもしれません:)

全てのコメント5件

この問題の回避策はありますか?

#85から@akfishを引用:

まだドキュメントを完成させています。
これを機能させるには、webpackとworker-loaderが必要です。
関連するドキュメントは開発ブランチにあります:
https://github.com/akfish/node-vibrant/tree/develop#webpack -configuration

これは、 3.1リリースで潰されたいくつかのバグによって部分的に引き起こされたはずです。 それでも問題が解決しない場合は、パッケージを更新してみてください

正確にどこにルールを追加すべきか、それは言われていません。 ルールを追加するのが正しいファイルはどれですか?

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

webpackの構成に入る必要があります。

https://webpack.js.org/concepts/loaders/は、詳細を見つけるのに適したリソースかもしれません:)

このページは役に立ちましたか?
0 / 5 - 0 評価