Node-vibrant: Webpack์œผ๋กœ ์ž‘์—…์ž ๋นŒ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•...?

์— ๋งŒ๋“  2018๋…„ 05์›” 08์ผ  ยท  5์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: Vibrant-Colors/node-vibrant

๊ทธ๋ž˜์„œ ์›นํŒฉ ํ™˜๊ฒฝ ๋‚ด์—์„œ ์ž‘๋™ํ•˜๋Š” ์ด ๊ตฌ์„ฑ ์š”์†Œ์˜ ์ž‘์—…์ž ํŠน์„ฑ์„ ์–ป์œผ๋ ค๊ณ  ๋…ธ๋ ฅํ•˜๋Š” ๋ฐ ํž˜๋“  ์‹œ๊ฐ„์„ ๋ณด๋‚ด๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

๊ธฐ๋ณธ์ ์œผ๋กœ 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 ์ธ์šฉ:

์šฐ๋ฆฌ๋Š” ์—ฌ์ „ํžˆ ๋ฌธ์„œ๋ฅผ ๋งˆ๋ฌด๋ฆฌ ์ค‘์ž…๋‹ˆ๋‹ค.
์ด ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•˜๋ ค๋ฉด ์›นํŒฉ๊ณผ ์ž‘์—…์ž ๋กœ๋”๊ฐ€ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.
๊ด€๋ จ ๋ฌธ์„œ๋Š” ๊ฐœ๋ฐœ ๋ถ„๊ธฐ์— ์žˆ์Šต๋‹ˆ๋‹ค.
https://github.com/akfish/node-vibrant/tree/develop#webpack -๊ตฌ์„ฑ

์ด๊ฒƒ์€ ๋˜ํ•œ 3.1 ๋ฆด๋ฆฌ์Šค์—์„œ ๋ˆŒ๋ ค์ง„ ์ผ๋ถ€ ๋ฒ„๊ทธ๋กœ ์ธํ•ด ๋ถ€๋ถ„์ ์œผ๋กœ ๋ฐœ์ƒํ–ˆ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์—ฌ์ „ํžˆ ๋ฌธ์ œ๊ฐ€ ์žˆ๋Š” ๊ฒฝ์šฐ ํŒจํ‚ค์ง€๋ฅผ ์—…๋ฐ์ดํŠธํ•ด ๋ณด์„ธ์š”.

๊ทœ์น™์„ ์ •ํ™•ํžˆ ์–ด๋””์— ์ถ”๊ฐ€ํ•ด์•ผ ํ•˜๋Š”์ง€๋Š” ๋ช…์‹œ๋˜์–ด ์žˆ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๊ทœ์น™์„ ์ถ”๊ฐ€ํ•˜๋Š” ๊ฒƒ์ด ์˜ฌ๋ฐ”๋ฅธ ํŒŒ์ผ์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

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

webpack์— ๋Œ€ํ•œ ๊ตฌ์„ฑ์œผ๋กœ ์ด๋™ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

https://webpack.js.org/concepts/loaders/ ์—์„œ ๋” ๋งŽ์€ ์ •๋ณด๋ฅผ ์ฐพ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. :)

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰