es5 ์ฝ๋๋ dist build๋ฟ์ด์ด์ผ ํฉ๋๋ค.
ํ๋ก๋์
์ฉ ์นํฉ์ผ๋ก ์ต์ ๋ฒ์ 1.2.1์ ๋น๋ํ ๋ dist ๋น๋์ es6 ์ฝ๋๋ฅผ ์ถ๊ฐํฉ๋๋ค.
"const" dist ๋น๋ ์์ฒด๋ฅผ ์ฐพ์ ์ ์๊ธฐ ๋๋ฌธ์ ์ ๊ทธ๋ฐ์ง 100% ํ์ ํ ์ ์์ต๋๋ค.
๋๋ฅผ ์ํด์ด ์๋ก์ด ์ถ๊ฐ ์ฌํญ๋ ์ปดํ์ผ๋ฉ๋๋ค.
https://github.com/remarkablemark/html-react-parser/commit/4caa88cc3d6eaf9c28acaf6a344a8d7353a1c58b#diff -d6299b5bb2afc0956126a0adb12fd89829e01e
๋์์ด ๋์๋ค๋ฉด ์ปดํ์ผํ์ ๋์ ๋ชจ์ต์
๋๋ค.
๋ฒ์ 1.2.0์ผ๋ก ๋ค์ด๊ทธ๋ ์ด๋ํ๋ฉด ๋ฌธ์ ๊ฐ ์๊ณ IE11์ด ์๋ํฉ๋๋ค. ์ด es5 ์ฝ๋๋ฅผ ๋ง๋ค ๊ธฐํ๊ฐ ์์ต๋๊น?
์ด ํธ๋ฅผ ์ด์ด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค @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
๋ณ๊ฒฝ ์ฌํญ์ ์ทจ์ํ ์ ์์).
๋งค์ฐ ๊ฐ์ฌํฉ๋๋ค! ๊ตฌ์ฑ ๋ณ๊ฒฝ์ผ๋ก ์ธํด ๊ณต๊ธ์ ์ฒด ํ์ผ์ ํฌ๊ธฐ๊ฐ ํฌ๊ฒ ์ฆ๊ฐํ๊ธฐ ๋๋ฌธ์ ์ ํธํฉ๋๋ค.
์ฒ๋ง์์! ๋ฌธ์ ๊ฐ ๋ฐ์ํ๋ฉด ์๋ ค์ฃผ์ญ์์ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์ฒ๋ง์์! ๋ฌธ์ ๊ฐ ๋ฐ์ํ๋ฉด ์๋ ค์ฃผ์ญ์์ค.