다양한 목적을 위해 npm-run-all에서 npm-scripts를 작성하기 위한 팁.
4610 단어 javascriptnpmwebdevnode
package.json
에서 사용됩니다. 결과
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"
}
}
설명
중괄호를 사용한 사양
빌드 브레이스
{
"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",
}
}
run-s build:sass build:ts
와 같은 작업의 중복은 없으며, 향후 작업의 수가 증가할 경우 작업의 목적만 설명하면 됩니다. run-s build:*
와 같은 별표 사양과 비교하여 명시적 설명은 프로세스를 이해하기 쉽게 만듭니다. build:sass
에서 build:ts
와 package.json
를 반대로 해도 문제 없습니다.run-s build:*
를 사용하면 처리 순서가 package.json
의 순서와 같으므로 반대로 사용하면 문제가 발생할 수 있습니다. 결론
링크
Reference
이 문제에 관하여(다양한 목적을 위해 npm-run-all에서 npm-scripts를 작성하기 위한 팁.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/kamekuremaisuke/tips-for-writing-npm-scripts-in-npm-run-all-for-different-purposes-5cg5텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)