설치하기

기본 요구 사항

새 프로젝트

SH
git 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 설치하기

    SH
    npm 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로 통합시키고 싶은 경우, 이 설명을 참고하세요.