NPM๊ณผ ๊ฐ์ package manager๋ฅผ ํตํด ์ค์นํ ์ ์์ต๋๋ค.
$yarn add desertfox
#OR
$npm install desertfox
$git clone desertfoxjs/app my-app
$cd my-app
$yarn # or npm install
$node src/index # Build
Webpack ๋๋ LiveServe์ ๊ฐ์ ํ๋ก๊ทธ๋จ์ ์ด์ฉํด public/index
๋ฅผ ์คํํ์ธ์.
parse
: DesertFox ํ์ผ์ HTML ํ์ผ๋ก ์ปดํ์ผํ ๊ฒ๊ณผ ์คํํ๋๋ฐ ํ์ํ ์คํฌ๋ฆฝํธ(js)๋ฅผ ๋ณํํฉ๋๋ค.
getElement
: ์์ค์ฝ๋์์ element๋ฅผ ์ฐพ์ต๋๋ค(1๊ฐ ์ ํ). ๊ฐ์ฅ ์์ ์๋ element์ ์์น, ์ฝ๋ ๋ฑ์ ๋ณํํฉ๋๋ค.
changeScripts
: body์ ์๋ script ํ๊ทธ๋ฅผ head๋ก ์ฎ๊น๋๋ค(1๊ฐ ์ ํ). ๊ฐ์ฅ ์์ ์๋ script๋ง ํด๋น๋ฉ๋๋ค.
editHTML
: head์ body๋ฅผ ์์ ํฉ๋๋ค. ์์ ๋ ์ฝ๋๋ฅผ ๋ณํํฉ๋๋ค.
build
: DesertFox ํ์ผ์ ์ฝ๊ณ ์ปดํ์ผํฉ๋๋ค.
dist/desertfox/page.js
.default : HTMLํ์ผ๋ค์ ์ปดํ์ผํ๊ณ ํ์ด์ง๋ฅผ ์์ฑํฉ๋๋ค. ํ๋ก์ ํธ ๋๋ ํ ๋ฆฌ์ public/dist
์ javascriptํ์ผ๋ค์ด ์์ฑ๋ฉ๋๋ค.