์ง๊ธ ๋น์ฅ์ ace์ 'ace'๋ผ๋ ์ด๋ฆ์ package.json์ด ์๋ ๊ฒ์ฒ๋ผ ๋ณด์ด์ง๋ง npm์ ace๋ ๋ค๋ฅธ ํ๋ก์ ํธ ์ ๋๋ค. ์์ด์ค๋ ๋ค๋ฅธ ์ด๋ฆ์ผ๋ก ์ถํ๋๋์?
Ace๋ ์์ง npm์ ๊ฒ์๋์ง ์์์ต๋๋ค. ๋น๋ ๋ฒ์ ์ ๊ฒฝ์ฐ npm i git+https://github.com/ajaxorg/ace#master
๋๋ npm i git+https://github.com/ajaxorg/ace-builds#master
๋ก ์ค์นํ ์ ์์ต๋๋ค.
ํ์ง๋ง npm์ ๊ฒ์๋ ์์ ์
๋๊น? ๊ทธ๋ด ๊ณํ์ด ์์ต๋๊น?
๊ต์ฅํ ๊ฒ์
๋๋ค :์ค๋ง์ผ:
๋น๋๊ฐ ์ด๋ฏธ ์กด์ฌํฉ๋๋ค: https://www.npmjs.com/package/ace-builds
์์ค๋ฅผ ์ํ๋ฉด npm ์ข
์์ฑ์ผ๋ก ๊ฐ์ ธ์ค๋ ๊ฒ์ด ์ข์ง ์๋ค๊ณ ์๊ฐํฉ๋๋ค.
์ข์์, ๋น๋๋ฅผ ์ฌ์ฉํ ์ ์์ต๋๋ค. ๊ฐ์ฌํฉ๋๋ค!
npm install ace
๋ง ๊ฐ๋ฅํด์ผ ํฉ๋๋ค.
Btw: ํจํค์ง ์ด๋ฆ์ด ace-code-editor
์์ต๋๋ค. npm์ ace๋ฅผ ๊ฒ์ํ๊ธฐ๋ก ๊ฒฐ์ ํ๋ค๋ฉด ๊ธฐ๊บผ์ด ์ ๊ณตํ๊ฒ ์ต๋๋ค.
ace-code-editor
๋ฅผ ์ค์นํ์ต๋๋ค. typescript @types/ace
์ ํจ๊ป ์ฌ์ฉํ๋ ค๋ฉด ์ด๋ป๊ฒ ํด์ผ ํฉ๋๊น? es6 ํด๋์ค ๋จ๊ณ์์ ๊ฐ์ ธ์ค๊ธฐ๊ฐ ๋งํ์ต๋๋ค.
ํธ์ง: ๊ทธ ์ฌ์ด์ ์ค๊ดํธ๋ฅผ ์ฐพ์์ต๋๋ค. ๋ด ๋ชฉ์จ์ ๊ตฌํ๋ค.
์ด์ ๋ํ ์ ๋ฐ์ดํธ๊ฐ ์์ต๋๊น? ๊ณต์ ace npm ํจํค์ง๊ฐ ์๋ค๋ ๊ฒ์ด ๋ฏฟ๊ธฐ์ง ์์ต๋๋ค...
์ด๊ฒ์ webpack์ tree-shaking๊ณผ ํจ๊ป ํนํ ์ ์ฉํ ๊ฒ์ ๋๋ค.
@trevorhreed ์ด๊ฒ์ ace-builds npm ํจํค์ง https://github.com/ajaxorg/ace/tree/master/demo/webpack https://github.com/nightwing/ace-webpack-demo ๋ฅผ ์ฌ์ฉํ์ฌ ์ด๋ฏธ ๊ฐ๋ฅํฉ๋๋ค.
์ฌ๊ธฐ์ ์์ต๋๋ค: https://www.npmjs.com/package/ace-builds
๋ค์์ ํตํด ์ค์นํ ์ ์์ต๋๋ค.
์์ฌ ์ถ๊ฐ ์์ด์ค ๋น๋
๋๋
npm ์ค์น ์์ด์ค ๋น๋
๊ทธ๋ฐ ๋ค์ ๋ค์์ ํตํด ๊ฐ์ ธ์ต๋๋ค.
'ace-builds'์์ ace ๊ฐ์ ธ์ค๊ธฐ
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
Btw: ํจํค์ง ์ด๋ฆ์ด
ace-code-editor
์์ต๋๋ค. npm์ ace๋ฅผ ๊ฒ์ํ๊ธฐ๋ก ๊ฒฐ์ ํ๋ค๋ฉด ๊ธฐ๊บผ์ด ์ ๊ณตํ๊ฒ ์ต๋๋ค.