다양한 목적을 위해 npm-run-all에서 npm-scripts를 작성하기 위한 팁.

  • npm 스크립트는 웹 개발에서 작업 처리를 위해 package.json에서 사용됩니다.
  • 또한 여러 프로세스의 직렬화 및 병렬화에 유용한 npm-run-all을 사용합니다.
  • 따라서 npm 스크립트를 유연하고 명확하게 만드는 작은 기술을 설명하는 데 사용합니다.

  • 결과


  • 결과에 대한 설명이 먼저 제공됩니다.
  • 다음package.json은 주로 빌드하고 지켜보는 작업입니다.

  • {
      "scripts": {
        "build"      : "run-s build:{sass,ts}",
        "build:sass" : "sass input.scss output.css",
        "build:ts"   : "tsc main.ts",
        "watch"      : "run-s watch:{sass,ts}",
        "watch:sass" : "sass --watch input.scss output.css",
        "watch:ts"   : "tsc -w main.ts"
      }
    }
    

    설명


  • 여기에서 사용하는 방법은 중괄호 안에 프로세스를 어떻게 처리할지 지정하는 것입니다.

  • 중괄호를 사용한 사양


  • 콜론(:)으로 그룹별로 분류된 작업을 단일 세션에서 실행하는 방법은 3가지가 있습니다.
  • 빌드 베이직
  • 빌드 글로브

  • 빌드 브레이스


  • {
      "scripts": {
        "build-basic" : "run-s build:sass build:ts",
        "build-glob"  : "run-s build:*",
        "build-brace" : "run-s build:{sass,ts}",
        "build:sass"  : "sass input.scss output.css",
        "build:ts"    : "tsc main.ts",
      }
    }
    

  • 이 중에서 build-brace와 같이 중괄호로 지정된 방법을 사용합니다.
  • 혜택은 다음과 같습니다.
  • 중복되지 않음
  • run-s build:sass build:ts와 같은 작업의 중복은 없으며, 향후 작업의 수가 증가할 경우 작업의 목적만 설명하면 됩니다.

  • 해명
  • run-s build:* 와 같은 별표 사양과 비교하여 명시적 설명은 프로세스를 이해하기 쉽게 만듭니다.

  • 주문
  • 중괄호의 순서로 처리가 진행되기 때문에 build:sass 에서 build:tspackage.json 를 반대로 해도 문제 없습니다.
  • run-s build:* 를 사용하면 처리 순서가 package.json 의 순서와 같으므로 반대로 사용하면 문제가 발생할 수 있습니다.




  • 결론


  • 위의 내용은 작업에서 가독성, 명확성 및 겹치지 않는 것의 중요성을 상기시켰습니다.

  • 링크


  • npm-run-all
  • Example of package.json
  • 좋은 웹페이지 즐겨찾기