そのため、このコンポーネントのワーカーフレーバーを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);
} */
修正方法について何かアイデアはありますか?
この問題の回避策はありますか?
#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/は、詳細を見つけるのに適したリソースかもしれません:)
最も参考になるコメント
webpackの構成に入る必要があります。
https://webpack.js.org/concepts/loaders/は、詳細を見つけるのに適したリソースかもしれません:)