node.js/React.js

[React] 빌드된 파일을 참조하여 화면 띄우기

IT공부블로그 2019. 10. 19. 15:01
728x90
반응형

빌드된 파일이 main이고  main에 띄우는 또다른 화면을 sub로 봤을때


main을  sub가 참조할수있도록 sub의 package.json 을 아래와 같이 수정한다

"dependencies": {
    "main":"/react/react-tutorial/build"
}


그리고 sub의 package.json  scripts부분도 아래와 같이 수정한다

"scripts": {
"copy:main""rimraf ./public && cp-cli ./node_modules/main/ ./public",
"start""npm run main && react-scripts start",
    "build""node build",
    "test""react-scripts test",
    "eject""react-scripts eject"
  }


위와 같이 수정한후 yarn start를 하면 빌드된 main에 sub 화면이 나오게된다.


rimraf : 윈도우에서 rm -rf 를 사용하는 키워드 설치해야함

cp-cli : 윈도우에서 cp 를 사용하는 키워드 설치해야함

728x90
반응형