Html-react-parser: es6 ์ฝ”๋“œ ๋ชฐ๋ž˜ / ie11 ์ค‘๋‹จ

์— ๋งŒ๋“  2021๋…„ 01์›” 21์ผ  ยท  9์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: remarkablemark/html-react-parser

์˜ˆ์ƒ๋˜๋Š” ๋™์ž‘

es5 ์ฝ”๋“œ๋Š” dist build๋ฟ์ด์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์‹ค์ œ ํ–‰๋™

ํ”„๋กœ๋•์…˜์šฉ ์›นํŒฉ์œผ๋กœ ์ตœ์‹  ๋ฒ„์ „ 1.2.1์„ ๋นŒ๋“œํ•  ๋•Œ dist ๋นŒ๋“œ์— es6 ์ฝ”๋“œ๋ฅผ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.
"const" dist ๋นŒ๋“œ ์ž์ฒด๋ฅผ ์ฐพ์„ ์ˆ˜ ์—†๊ธฐ ๋•Œ๋ฌธ์— ์™œ ๊ทธ๋Ÿฐ์ง€ 100% ํ™•์‹ ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.
๋‚˜๋ฅผ ์œ„ํ•ด์ด ์ƒˆ๋กœ์šด ์ถ”๊ฐ€ ์‚ฌํ•ญ๋„ ์ปดํŒŒ์ผ๋ฉ๋‹ˆ๋‹ค.
https://github.com/remarkablemark/html-react-parser/commit/4caa88cc3d6eaf9c28acaf6a344a8d7353a1c58b#diff -d6299b5bb2afc0956126a0adb12fd89829e01e

๋„์›€์ด ๋˜์—ˆ๋‹ค๋ฉด ์ปดํŒŒ์ผํ–ˆ์„ ๋•Œ์˜ ๋ชจ์Šต์ž…๋‹ˆ๋‹ค.
Screen Shot 2021-01-21 at 13 58 10

๋ฒ„์ „ 1.2.0์œผ๋กœ ๋‹ค์šด๊ทธ๋ ˆ์ด๋“œํ•˜๋ฉด ๋ฌธ์ œ๊ฐ€ ์—†๊ณ  IE11์ด ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค. ์ด es5 ์ฝ”๋“œ๋ฅผ ๋งŒ๋“ค ๊ธฐํšŒ๊ฐ€ ์žˆ์Šต๋‹ˆ๊นŒ?

ํ™˜๊ฒฝ

  • ๋ฒ„์ „: 1.2.1
  • ํ”Œ๋žซํผ: mac os big sur, webpack 5
  • ๋ธŒ๋ผ์šฐ์ €: IE11

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

์ฒœ๋งŒ์—์š”! ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜๋ฉด ์•Œ๋ ค์ฃผ์‹ญ์‹œ์˜ค.

๋ชจ๋“  9 ๋Œ“๊ธ€

์ด ํ˜ธ๋ฅผ ์—ด์–ด์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค @lhtdesignde

์ด๊ฒƒ์€ webpack ์ด main ์—์„œ package.json main ๋ณด๋‹ค module ๋ฅผ ์šฐ์„ ์‹œํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

๋”ฐ๋ผ์„œ ๋‹ค์Œ ๋Œ€์‹ :

// webpack.config.js
module.exports = {
  //...
  resolve: {
    mainFields: ['browser', 'module', 'main'],
  },
};

๋‹ค์Œ์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ๋Š”์ง€ ํ™•์ธํ•˜์„ธ์š”.

// webpack.config.js
module.exports = {
  //...
  resolve: {
    mainFields: ['browser', 'main', 'module'],
  },
};

resolve.mainFields ์ฐธ์กฐ

๋˜ํ•œ ์–ด๋–ค ๋ฒ„์ „์˜ ์›นํŒฉ์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๊นŒ?

์›นํŒฉ 5.16.0

๋„ˆ๋ฌด ์ข‹์•„! @remarkablemark์˜ ๋‹ต๋ณ€์— ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ์ด ์ž‘๋™ํ–ˆ์Šต๋‹ˆ๋‹ค!

๋“ฃ๊ธฐ ์ข‹์€! @lhtdesignde์—์„œ ์ด ๋ฌธ์ œ๋ฅผ ๋‹ซ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

๋„ค ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

@lhtdesignde๋ฅผ ์ฐธ๊ณ  ํ•˜์—ฌ index.mjs ์—์„œ ES6์„ ES5 ๊ตฌ๋ฌธ์œผ๋กœ ๋ฆฌํŒฉํ„ฐ๋งํ•˜๋Š” v1.2.4๋ฅผ ๊ฒŒ์‹œ

์ด๋ ‡๊ฒŒ ํ•˜๋ฉด ๋ฌธ์ œ์˜ ๊ทผ๋ณธ ์›์ธ์ด ์ˆ˜์ •๋ฉ๋‹ˆ๋‹ค( webpack.config.js ๋ณ€๊ฒฝ ์‚ฌํ•ญ์„ ์ทจ์†Œํ•  ์ˆ˜ ์žˆ์Œ).

๋งค์šฐ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค! ๊ตฌ์„ฑ ๋ณ€๊ฒฝ์œผ๋กœ ์ธํ•ด ๊ณต๊ธ‰์—…์ฒด ํŒŒ์ผ์˜ ํฌ๊ธฐ๊ฐ€ ํฌ๊ฒŒ ์ฆ๊ฐ€ํ–ˆ๊ธฐ ๋•Œ๋ฌธ์— ์„ ํ˜ธํ•ฉ๋‹ˆ๋‹ค.

์ฒœ๋งŒ์—์š”! ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜๋ฉด ์•Œ๋ ค์ฃผ์‹ญ์‹œ์˜ค.

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