git clone https://github.com/Uniswap/interface.git
클론을 받은 후 다음과 같이 dockerfile을 만든다.
FROM node:14.17.0
RUN yarn install --ignore-engines
WORKDIR /home/node/app
COPY ./ ./
RUN yarn
EXPOSE 3000
CMD ["npm","start"]
그 다음에 esLintrc.json에서 다음 빨간줄로 된 부분을 바꾼다.
그 후 터미널 창에 다음과 같이 써준다.
docker build -t uniswap-img .
위와 같은 명령어를 실행해서 이미지를 만든다.
visual studio code 오른쪽 하단 부분의 CRLF를 LF로 고쳐준다.
docker run --name uniswap-interface -p 3000:3000 uniswap-img
그러면 다음과 같이 틀어진다.
테스트넷으로 해서 연결해보았다.
테스트넷으로 하면 이렇게 된다.