์ค์ ๋ก ๋ฌด์จ ์ผ์ด ์ผ์ด๋๊ณ ์์ต๋๊น?
๋ค์์ ์ฌ์ฉํ๋ ๊ณต์ ์:
import io from 'socket.io-client';
JS ์ฑ์์ IE 11์์ ๊นจ์ง ์ฌ์ดํธ๊ฐ ๋ฐ์ํฉ๋๋ค.
๊ณ ์ฅ๋ฌ๋ค๋ ๊ฒ์ socket-io ๊ธฐ๋ฅ์ด ์๋ํ์ง ์๋๋ค๋ ์๋ฏธ๊ฐ ์๋๋ผ ์ค๋ฅ ๋ณด๊ณ ๋ฑ์ ํฌํจํ์ฌ ์ ์ฒด ์น ์ฑ ๋ฒ๋ค ๋ก๋๋ฅผ ์ค๋จํ๋ค๋ ์๋ฏธ์ ๋๋ค. IE 11์์ ์๋ฌด๋ ํ ์คํธํ์ง ์์๊ธฐ ๋๋ฌธ์ ์๋ง๋ ์๋ฌด๋ ์ด ๋ฒ๊ทธ๋ฅผ ์์์ฐจ๋ฆฌ์ง ๋ชปํ์ ๊ฒ์ ๋๋ค.
์น ์ฑ์ import io from 'socket.io-client'
๋ฅผ ์ถ๊ฐํ๊ณ IE 11์์ ํ
์คํธํ์ญ์์ค.
๋ฌด์์ ๊ธฐ๋ํฉ๋๊น?
IE 11์ ๋ฒ๋ค์ ๋ก๋ํด์ผ ํฉ๋๋ค.
์ด๊ฒ์ด ๋ฐ์ํ๋ ์ด์ ๋ package.json์ "main" ๊ฐ์ด ๋ฒ๋ค๋ dist ํด๋๊ฐ ์๋๋ผ ๋ฒ๋ค๋์ง ์์ ์์ค ์ฝ๋๋ฅผ ์ง์ ํ๋ฏ๋ก ์์ค ์ฝ๋๊ฐ ๋ฒ๋ค๋ก ์ง์ ๋๊ธฐ ๋๋ฌธ์ ๋๋ค. ์๋ง๋ ์ผ๋ถ ๋ฒ๋ค๋ฌ๋ ๊ฐ์ ธ์จ ๋ชจ๋์ ์ฒ๋ฆฌํ์ง๋ง ๋ด ๋ฒ์ ์ Webpack์ ์ฒ๋ฆฌํ์ง ์๊ณ ์ฌ์ฉ์์ ์์ค ์ฝ๋๋ง ์ฒ๋ฆฌํฉ๋๋ค.
์๋ฃจ์ ์ dist ํ์ผ ์ค ํ๋๋ฅผ "main" ๊ฐ์ผ๋ก ์ง์ ํ๋ ๋งค์ฐ ๊ฐ๋จํฉ๋๋ค.
ํด๊ฒฐ ๋ฐฉ๋ฒ์ผ๋ก ์๋ํ๋ ๋ค์ ์ค์ ์ฌ์ฉํ๊ณ ์์ต๋๋ค.
import io from 'socket.io-client/dist/socket.io.slim.js'
๊ฐ์ ๋ฌธ์ ๊ฐ ์์ต๋๋ค. ํด๊ฒฐ ๋ฐฉ๋ฒ์ ์ ์๊ฒ ํจ๊ณผ์ ์ ๋๋ค :+1:
์ข์!
ํด๊ฒฐ ๋ฐฉ๋ฒ์ ์ ์๊ฒ๋ ํจ๊ณผ์ ์ ๋๋ค. ๊ฐ์ฌํฉ๋๋ค!
๊ทธ๊ฒ์ ๋์๊ฒ๋ ํจ๊ณผ๊ฐ ์์ต๋๋ค. Good Job. @hyperknot ๊ฐ์ฌํฉ๋๋ค!!
๋ค๋ฅธ ์ฌ๋๋ค์ด ์ ์ ์๋๋ก ์ฝ์์ ์์ต๋๋ค.
debug
์ข
์์ฑ์ด 3.1.0
๋ก ๋๋์๊ฐ์ผ๋ฉฐ, ์ด๋ ๋ณํํ ํ์๊ฐ ์์ต๋๋ค. 2.3.1 ์์ ์ถ์๋์์ต๋๋ค.
๋๋ฒ๊ทธ ์ข ์์ฑ์ ๋ํ ํธ์ถ์ ์ ๊ฑฐํ๊ธฐ ์ํด webpack-remove-debug ํ๋ฌ๊ทธ์ธ์ ์ฌ์ฉํ ์๋ ์์ต๋๋ค( ์๊ฑฐ๋ ์๋ ๋น๋๋ฅผ ์ ๊ณตํ๋ ์ ์ ํ ๋ฐฉ๋ฒ์ ์ฐพ์ ๋๊น์ง).
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
ํด๊ฒฐ ๋ฐฉ๋ฒ์ ์ ์๊ฒ๋ ํจ๊ณผ์ ์ ๋๋ค. ๊ฐ์ฌํฉ๋๋ค!