React or javacript npm-run-all 으로 npm 스크립트 여러개 실행하는 방법

npm 주소 npm-run-all package 링크
https://www.npmjs.com/package/npm-run-all

git hub 주소 npm-run-all github 링크
https://github.com/mysticatea/npm-run-all/releases

npm-run-all 설명

npm run-script 등과 같은 기본적인 명령어로는 여러개의 스크립트를 한번에 실행을 할 수 없다.

여러개 스크립트를 한번에 사용을 하고 싶을 때 npm-run-all을 이용을 하면 된다.

개인적으로 쓰기 좋아하는 npm package 인 이유는 post-css를 CRA (create-react-app) 로 적용을 해야될 때 eject를 시키는 경우가 있어 보였다.

CRA (create-react-app)는 한번 eject를 할 경우 다시 돌아올 수 없는 경우도 있었고, 다른 패키지를 사용하자니 복잡할 때 사용하는 package가 npm-run-all 이다.

설치 방법

$ npm install npm-run-all --save-dev
#  또는 
$ yarn add npm-run-all --dev

사용방법

다른 사람의 예제에서는 && 를 사용하여 여러개의 스크립트를 실행을 하였다.

  $ npm run build && npm run start

하지만 -parallel -p옵션이 존재하는데, 띄어쓰기 나열로 script를 실행을 가능해 보인다.

아래와 같은 예제를 만들어봤는데, 아직 테스트를 못해보았는데, 테스트를 해보고 다시 수정을 하도록 해야겟다.

//package.json
  "scripts": {
    "cssbuild:css": "postcss src/app.pcss -o src/app.css -w",
    "start": "npm-run-all -p cssbuild:css start-js",
    ...

//실행
  $ npm start