Ace: npm์„ ํ†ตํ•ด ์„ค์น˜ํ•˜์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ?

์— ๋งŒ๋“  2015๋…„ 01์›” 03์ผ  ยท  11์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: ajaxorg/ace

์ง€๊ธˆ ๋‹น์žฅ์€ ace์— 'ace'๋ผ๋Š” ์ด๋ฆ„์˜ package.json์ด ์žˆ๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๋ณด์ด์ง€๋งŒ npm์˜ ace๋Š” ๋‹ค๋ฅธ ํ”„๋กœ์ ํŠธ ์ž…๋‹ˆ๋‹ค. ์—์ด์Šค๋Š” ๋‹ค๋ฅธ ์ด๋ฆ„์œผ๋กœ ์ถœํŒ๋˜๋‚˜์š”?

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

Btw: ํŒจํ‚ค์ง€ ์ด๋ฆ„์ด ace-code-editor ์žˆ์Šต๋‹ˆ๋‹ค. npm์— ace๋ฅผ ๊ฒŒ์‹œํ•˜๊ธฐ๋กœ ๊ฒฐ์ •ํ–ˆ๋‹ค๋ฉด ๊ธฐ๊บผ์ด ์ œ๊ณตํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

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

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 ๊ฐ€์ ธ์˜ค๊ธฐ

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