여러 package.json 다루기

React-native와 Webview 혹은, Electron과 Webview와 같이 여러 Port를 사용하는 작업을 해야하는 경우가 있다. 이 경우에 버전 관리나 코드 분리를 위하여 레포를 분리하는 경우가 많고, 그대로 사용하면 실행을 터미널로 여러번 실행해야해서 불편한 경우가 많다. 다른 방법을 하는 방법이 있지만, React-native와 Electron 같은 경우에는 

project-app[folder]
project-client[folder]
package.json

다음과 같은 경로에 package.json을 만들고 prefix flag를 사용하였다.

{
  "scripts": {
    "client": "npm run --prefix ./project-client dev",
    "electron": "npm run --prefix ./project-app dev",
    "start": "npm run client & npm run electron"
  }
}

이전에 React-native로 앱을 만들 때 일일이 port여는 것이 너무 불편하다가 이번에 데스크탑 앱에 대한 프로젝트가 시작되면서 새로 만들어본 cli인데 나름 편리한 것 같다 뿌듯-