사전 설정 - 구성 파일을 재사용하고 JS 프로젝트에 스크립트를 구성합니다.

현재 JS/TS 생태계가 끊임없이 성숙됨에 따라 개발자들은 그들의 프로젝트를 위해 점점 더 많은 구축 스크립트와 프로필을 작성하고 있다.babel, eslint, jest, typescript, 가방의 생명주기 스크립트를 같은 설정으로 복사했습니다.json?
내 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>
다음과 같은 작업을 수행합니다.
  • 사전 설정기와 선택한 사전 설정을 devDependencies
  • 로 설치합니다.
  • 패치scriptspackage.json 필드에서 prepare 라이프 사이클 스크립트
  • 를 통해 자동 부팅을 활성화합니다.
  • 사전 설정을 설치하여 제공한peerDependencies 사전 설정을 안내하고 프로젝트 루트 디렉터리에 생성된 프로필에 대한 기호 링크를 만듭니다
  • 다음 내용을 사용하여 프로젝트 루트 디렉터리에 .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를 할 때, 그것은
  • 사전 설정 템플릿에서 제공하는 프로필을 생성하고 사용자 정의를 적용하며 프로젝트 루트 디렉터리에 기호 링크를 만들고
  • npm의arborist를 사용하여 예비 패키지에 정의된 모든 대등 의존항을 설치합니다.json, 따라서 npm<7이라도 일할 수 있습니다.
  • 네가 달리기presetter run <command>를 할 때, 그것은
  • 합병 프로젝트의 패키지.json은 미리 설정한 스크립트 템플릿과 함께 명령을 호출합니다.
  • 이것은 기본적으로 미리 설정한 작업 원리다.이제 어떤 설정이 사용 가능한지, 그리고 어떻게 하나를 공헌하는지 봅시다!

    🐣 네.나는 오늘 어떤 사전 설정을 시험해 볼 수 있습니까?


    미리 설정은 프로젝트에 적용할 수 있는 흔한 개발 설정의 집합이다.그것은 세 조의 상용 건축 도구를 제공했다
  • 개발 의존성
  • 스크립트 생성 및
  • 구성 파일
  • 오늘 Dell은 다양한 유형의 프로젝트에 대해 4개의 공식 사전 설정을 제공합니다.

  • presetter-preset-essentials: typescript 프로젝트의 입문 도구 패키지, typescript,eslint,jest,prettier,standard version과 많은 다른 설정
  • 포함

  • presetter-preset-rollup: 코드 패키지를 총괄적으로 구축하는 고집스러운 설정.

  • presetter-preset-web: 현대 네트워크 프로젝트의 예비

  • presetter-preset-react:react 프로젝트의 사전 설정
  • 모든 설정은 npm 패키지입니다.커뮤니티와 공유할 수도 있고 github 환매 프로토콜로 사용할 수도 있습니다. 발표할 필요가 없습니다.둘 다 유효하다.
    또 다른 일은 네가 정부의 준비에 기여할 수도 있다는 것이다.preset의 발전과 공헌에 관하여 CONTRIBUTING!

    👾 아무튼...


    devdependency, 스크립트, 프로필 관리를 걱정하지 않아도 됩니다.사전 설정기는 시스템 구축의 복잡성을 낮추는 도구이다.
    우리는 코드 복제가 나쁜 일이라는 것을 알고 있다. 많은 도구가 그것을 없앨 수 있지만, 구축 설정을 복제하는 도구를 피하지 못한다.
    혼란스러운 구축 설정을 한쪽에 둘 때가 되었다.presetter를 즉시 시험적으로 사용하고 the repository on Github 방문해서 상세한 문서를 얻으십시오.
    만약 네가 좋아한다면, 주연배우나 이 환매를 보는 것을 잊지 마라.아래에 너의 평론을 남기는 것을 잊지 마라.👇

    좋은 웹페이지 즐겨찾기