설치하기
기본 요구 사항
새 프로젝트
SHgit clone https://github.com/rescript-lang/rescript-project-template
cd rescript-project-template
npm install
npm run res:build
node src/Demo.bs.js
ReScript 파일을 JavaScript로 컴파일 한 다음, Node.js를 사용해 컴파일된 JavaScript 파일을 실행합니다. 이때 다른 한쪽 탭에 작업중인 .bs.js
파일을 열어놓고 작업하는 것을 강력히 추천합니다. 이렇게 하면 ReScript가 어떤 형태의 JavaScript 코드로 변경되는지 알 수 있습니다. 이처럼 개발자가 읽을 수 있는 JavaScript 결과물을 만들어주는 환경은 그다지 많지 않습니다!
개발할 때에 npm run res:build
스크립트로 매번 컴파일하기보다는, 와처 모드인 npm run res:start
스크립트를 사용해, 파일이 변경되면 자동으로 재컴파일되도록 하는 것이 더 편리합니다.
기존 JavaScript 프로젝트와 통합하기
다음 단계를 따라서 기존 JavaScript 프로젝트에 ReScript 환경을 구축할 수 있습니다.
로컬에 ReScript 설치하기
SHnpm install rescript
프로젝트 루트 디렉토리에 ReScript 환경 파일 생성하기
JSON{ "name": "your-project-name", "sources": [ { "dir": "src", // update this to wherever you're putting ReScript files "subdirs": true } ], "package-specs": [ { "module": "es6", "in-source": true } ], "suffix": ".bs.js", "bs-dependencies": [] }
bsconfig.json
의 자세한 설명은 빌드 환경 설정 페이지를 참고하세요.
ReScript 컴파일링을 간편히 해주기 위해
package.json
에 2가지npm
스크립트를 추가하기JSON"scripts": { "res:build": "rescript", "res:start": "rescript build -w" }
ReScript는 읽기 쉬운 JavaScript로 컴파일되기에, 이 파일을 Babel이나 Webpack 같은 기존 도구모음에 적용하는 것은 문제가 되지 않습니다.
도움 되는 가이드들:
ReactJS 프로젝트와 통합시키기
새로운 Rescript-react 앱을 시작하거나, 기존의 ReactJS 앱을 ReScript로 통합시키고 싶은 경우, 이 설명을 참고하세요.