사전 설정 - 구성 파일을 재사용하고 JS 프로젝트에 스크립트를 구성합니다.
9012 단어 npmshowdevproductivitytooling
내 npm 프로젝트에서 흔히 볼 수 있는 devdependency 40개, 스크립트 24개, 프로필 7개가 있습니다.새로운 프로젝트를 이끌기 위해 이 물건들을 복사하고 붙이는 것은 한쪽에 두어야 한다. 기존 프로젝트에서 이 도구들을 업데이트하는 것은 무서운 고통일 뿐이다.🤦♂️
그래서 저는 여가 시간에 presetter를 만들었습니다. 이것은 실용적인 도구입니다. 이것은 서로 다른 npm 프로젝트에서 구축 스크립트/설정을 쉽게 다시 사용하고 싶습니다.이제 devdependency 2개 (대등한 의존 관계를 자동으로 설치하는 npm 7 + 를 사용하면 1개) 와 설정 파일 1개 (presetter에서 어떤 설정을 사용할지 확인하는 데 사용) 로 간소화할 수 있습니다.
😀 듣기에 괜찮다.무엇이 프리셋과 프리셋입니까?
Presetter는 js/ts 개발자에게 작업 절차를 간소화하고, 모든 일반적인 개발 설정을 리포의 복사본이 아닌 한 곳에 저장할 수 있는 실용적인 도구를 제공하는 새로운 소스 개발 프로젝트입니다.이것은 설정을 다시 사용할 수 있을 뿐만 아니라, 프로젝트를 뛰어넘어 시스템을 설정하고 유지하는 데 걸리는 시간을 줄일 수 있다.Presetter는 typescript로 작성되었지만, 패키지만 사용하면 모든 js 패키지, 백엔드, 전방과 호환됩니다.json.
간단히 말하면presetter는 미리 설정된 공공 devdependency를 설정하고 관리하는 데 사용되는 실용적인 도구입니다. 이것은 세 가지 흔히 볼 수 있는 건축 설정: devdependency, 구축 스크립트와 설정 파일을 제공합니다.presetter를 사용하면, 흔히 볼 수 있는 개발 의존 항목 (예:eslint 플러그인 등) 과 그 설정 파일, 스크립트를 두 개의 개발 패키지와 하나의 설정 파일, 즉presetter, 미리 설정 옵션, 그리고 하나
.presetterrc
파일로 바꿀 수 있습니다.그것들을 짝짓기를 통해 프로젝트를 뛰어넘는 구축 시스템을 유지하는 데 더 이상 몇 시간이 걸리지 않습니다.반대로 커뮤니티에서 기존의 미리 정의된 사전 설정을 선택하거나git 저장소에서 발표되지 않은 개인 패키지를 선택하십시오.별도미리 설정된 패키지 방식으로 시스템을 구축하는 버전 제어를 무료로 받을 수 있습니다.그때부터 생활은 훨씬 간단해졌다!
😻 진짜?어떻게 쓰는지 알려주세요.
생성 시스템을 관리하는 데 사용되는 사전 설정기를 설정하려면
presetter use
명령을 사용하여 다음을 쉽게 수행할 수 있습니다.npx presetter use <preset package name e.g. presetter-preset>
다음과 같은 작업을 수행합니다.scripts
의 package.json
필드에서 prepare
라이프 사이클 스크립트.presetterrc
파일을 만듭니다.{
"preset": "<preset package name>"
}
프로젝트를 부트하면 일반적으로 다른 저장소에서 모든 구성 설정을 복사하는 데 5-10분이 소요됩니다.이제 너는 명령 하나만 있으면 그것을 실현할 수 있어!
사전 설정 스크립트를 적용하려면
presetter run <script name>
또는 속기run <script name>
명령을 사용하여 스크립트를 실행합니다.예를 들어presenter preset을 사용하면
run build
를 호출할 때presetter는 패키지에 정의된 사용자 정의 스크립트를 통합합니다.json과templated defined here, 그리고 호출run-s clean build:*
.프롬프트
또한
run <script name>
를 라이프 사이클 스크립트의 일부로 사용하여 구축 환경을 이전과 동일하게 만들 수 있습니다.예를 들어,{
"scripts": {
"build": "run build",
"coverage": "run coverage",
"lint": "run lint",
"prepare": "presetter bootstrap && run prepare",
"prepublishOnly": "run prepublishOnly",
"release": "run release --",
"test": "run test --",
"watch": "run watch"
}
}
👻 하지만제가 맞춤 제작할 수 있습니까?
짧은 대답, 당연하지!당신은 설정에 99퍼센트만 만족할 수 있고 작은 것들을 바꾸고 싶을 수도 있습니다. 예를 들어 가죽면 규칙을 열거나 닫으면 설정기가 당신을 덮어쓰기만 하면 됩니다!
이를 위해
config
의 .presetterrc.json
필드에 사용자 정의 설정을 전달하기만 하면 됩니다.이 설정은 사용자 정의를 위해 미리 설정된 설정기에 전달됩니다.구성을 추가한 후 다시 실행npx presetter bootstrap
하여 구성 파일을 재생성합니다.예를 들어 tsconfig에
DOM
를 라이브러리로 추가합니다.presetter preset에서 제공하는 json은 presetterrc.json
에 다음 줄을 추가하기만 하면 됩니다.{
"preset": "presetter-preset",
"config": {
"tsconfig": {
"compilerOptions": {
"lib": ["DOM"]
}
}
}
}
각 사전 설정에는 사용자 정의 기능 세트가 있습니다.따라서 미리 설정된 문서를 보고 사용자 정의 가능한 요소의 전체 목록을 보십시오.🎩 쿨!그것의 배후의 마력은 무엇입니까?
예설기는 듣기에 너무 좋을 수도 있고, 사실일 수도 없다.지금 너는 계속 복사하고 붙일 필요가 없다.당신은 그것이 어떻게 일을 하는지 알고 싶습니까?
사실 아주 간단해요.예설기는 기본적으로 다음과 같은 몇 가지 일을 한다.
네가 달리기
presetter bootstrap
를 할 때, 그것은presetter run <command>
를 할 때, 그것은🐣 네.나는 오늘 어떤 사전 설정을 시험해 볼 수 있습니까?
미리 설정은 프로젝트에 적용할 수 있는 흔한 개발 설정의 집합이다.그것은 세 조의 상용 건축 도구를 제공했다
presetter-preset-essentials: typescript 프로젝트의 입문 도구 패키지, typescript,eslint,jest,prettier,standard version과 많은 다른 설정
presetter-preset-rollup: 코드 패키지를 총괄적으로 구축하는 고집스러운 설정.
presetter-preset-web: 현대 네트워크 프로젝트의 예비
presetter-preset-react:react 프로젝트의 사전 설정
또 다른 일은 네가 정부의 준비에 기여할 수도 있다는 것이다.preset의 발전과 공헌에 관하여 CONTRIBUTING!
👾 아무튼...
devdependency, 스크립트, 프로필 관리를 걱정하지 않아도 됩니다.사전 설정기는 시스템 구축의 복잡성을 낮추는 도구이다.
우리는 코드 복제가 나쁜 일이라는 것을 알고 있다. 많은 도구가 그것을 없앨 수 있지만, 구축 설정을 복제하는 도구를 피하지 못한다.
혼란스러운 구축 설정을 한쪽에 둘 때가 되었다.presetter를 즉시 시험적으로 사용하고 the repository on Github 방문해서 상세한 문서를 얻으십시오.
만약 네가 좋아한다면, 주연배우나 이 환매를 보는 것을 잊지 마라.아래에 너의 평론을 남기는 것을 잊지 마라.👇
Reference
이 문제에 관하여(사전 설정 - 구성 파일을 재사용하고 JS 프로젝트에 스크립트를 구성합니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/alvis/presetter-the-easiest-way-to-reuse-your-config-files-and-build-scripts-over-npm-projects-4kl1텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)