일반 종속성이있는 TypeScript 프로젝트를 구성하여 여러 일반 JavaScript 출력 파일을 빌드하십시오.

나는 현재 Bot Land 용 스크립트 를 작성 하고 있습니다. Bot Land는 마우스와 키보드로 장치를 제어하는 ​​대신 API를 통해 봇을 제어하는 ​​코드를 작성한 다음 봇이 다른 사람의 봇과 싸울 수있는 실시간 전략 게임입니다. SC2의 장치에 익숙한 경우 깜박임 추적기, 공성 탱크, 의료진 및 울트라 리스크와 유사한 봇을 만들 수 있습니다. (소프트웨어 엔지니어에게는 재미있는 게임이지만이 질문의 범위를 벗어납니다.)

봇 제어는 기본 AI, 스크래치 와 유사한 프로그래밍 언어 및 BotLandScript라는 축소 된 JavaScript 세트의 세 가지 수준으로 복잡성을 증가 시킵니다. BotLandScript의 기본 제공 편집기는 합리적이지만 모든 코드를 모든 위치 에 글로벌 최상위 기능이있는 단일 파일 로 업로드해야합니다 . 당연히 코드가 길어지고 다른 봇이 동일한 기능을 공유하면 잠시 후에 고통스러워지기 시작합니다.

여러 봇에 대한 코드 작성을 촉진하고 베어 JS로 코딩 할 때 의도하지 않은 오류 가능성을 줄이고 다른 플레이어를 때릴 가능성을 높이기 위해 위의 TypeScript 프로젝트 를 설정하여 각 봇에 대한 공통 라이브러리 및 코드를 제공합니다. . 현재 디렉토리 구조는 대략 다음과 같습니다.

lib/ 
  bot.land.d.ts
  common.ts
BlinkStalker/
  BlinkStalker.ts
  tsconfig.json
Artillery/
  Artillery.ts
  tsconfig.json
SmartMelee/
  SmartMelee.ts
  tsconfig.json

lib봇간에 공유되는 공통 코드이며 (TS가 아닌) Bot Land API에 대한 TypeScript 정의를 제공합니다. 각 봇은 봇 코드를 포함하는 파일 하나와 다른 상용구가있는 자체 폴더를 가져옵니다 tsconfig.json.

{
  "compilerOptions": {
    "target": "es3",
    "module": "none",
    "sourceMap": false,
    "outFile": "bot.js"
  },
  "files": [
    "MissileKite.ts"
  ],
  "include": [
    "../lib/**/*"
  ]
}

각각 tsconfig.json이 빌드 되면 bot.js봇 자체의 코드가 변환 된 코드와에있는 모든 코드가 포함 된 해당 항목 이 생성 됩니다 common.js. 이 설정은 몇 가지 이유로 차선책입니다. 많은 중복 상용구가 필요하고 새 봇을 추가하기 어렵고 각 봇에 대해 불필요한 코드가 많이 포함되어 있으며 각 봇을 별도로 빌드해야합니다.

그러나 지금까지의 연구에 따르면 원하는 것을 수행하는 쉬운 방법이없는 것 같습니다. 특히, 새로운 tsc -b옵션과 참조를 사용하면 코드가 모듈화되어야하고 Bot Land는 모든 기능이 최상위 레벨에 정의 된 단일 파일을 필요로하기 때문에 작동하지 않습니다.

가능한 많은 다음을 달성하는 가장 좋은 방법은 무엇입니까?

• 새로운 봇을 추가하기 위해 새로운 상용구가 필요하지 않습니다 (예 : tsconfig.json봇당 없음 )
• 사용 import하지 않는 코드가 출력되지 않도록 일반적인 기능에 사용하십시오 .
• Bot Land의 특정 형식으로 모든 기능을 단일 파일로 출력
• 봇당 하나씩 여러 개의 출력 파일을 생성하는 단일 빌드 단계
• 보너스 : 빌드 프로세스를 VS 코드와 통합 현재 tasks.json각 하위 프로젝트를 구축하기위한 상용구 가 있습니다.

나는 그 대답에 아마도 Grunt와 같은 것이 포함되어 있다고 모호하게 추측 tsc하지만 확실하게 알 수는 없습니다.

여기 내입니다 시도 사용자의 요구 사항에 대한 답변은.

주목할만한 파일 :

• src/tsconfig-botland.json모든 bot.land 스크립트에 대한 설정을 보유하고 있습니다 (사용자 정의 선언 포함 types/bot-land/index.d.ts). strict내가 사용한 설정 을 변경할 수 있습니다 .
• src/tsconfig.json모든 봇에 대한 참조를 보유합니다. 다른 봇 스크립트를 추가 할 때마다 편집하는 파일입니다.

봇 스크립트는 최소 파일 tsconfig.json과 하나 이상의 .ts스크립트 파일 인 두 개 이상의 파일입니다.

예를 들면 src/AggroMiner/tsconfig.json다음과 같습니다.

{
    "extends": "../tsconfig-botland",
    "compilerOptions": {
        "outFile": "../../build/AggroMiner.js"
    },
    "files": ["index.ts"],
    "include": ["**/*.ts", "../lib/**/*.ts"]
}

대부분의 경우 새 봇 스크립트를 시작하려면 다음을 수행해야합니다.

1. 봇 폴더 (예 :)를 src/AggroMiner아래 새 폴더로 복사src
2. 편집은이 src/<newBotFolder>/tsconfig.json을 편집 outFile하여 로봇의 이름으로
3. src/tsconfig.json참조를 수정 하고 추가src/<newBotFolder>

다음 npm/ yarn스크립트가 설정되었습니다 :

• build 모든 봇을 구축
• build-cleanbuild실행하기 전에 폴더 를 지우십시오 .build
• format.ts아래의 모든 파일에서 Prettier를 실행하려면src
• lint 모든 봇 스크립트에서 tslint 검사를 실행하려면

이제 요구 사항을 충족시킵니다.

• 새로운 봇을 추가하기 위해 새로운 상용구가 필요하지 않습니다 (예 : 봇당 tsconfig.json 없음)

이를 위해서는 봇 폴더 / 스크립트를 열거하는 스크립트를 작성하고 봇마다 관련을 설정 tsconfig.json하고 실행해야 tsc합니다. 꼭 필요한 경우가 아니면 최소 설정 (위 설명)으로 충분할 수 있습니다.

• 사용하지 않는 코드를 출력하지 않으려면 공통 함수에 가져 오기를 사용하십시오.

먼저, 모듈 export/ import문을 사용하기 시작하면 단일 파일 출력을 달성하기 위해 추가 타사를 포장 / 트리 쉐이킹해야합니다. 내가 Bot.land에서 수집 한 것부터 스크립트가 서버에서 실행되고 있습니다. 데드 코드가 봇 성능에 영향을 미치지 않는 한 실제로 귀찮게하지는 않습니다.

• Bot Land의 특정 형식으로 모든 기능을 단일 파일로 출력

끝난.

• 봇당 하나씩 여러 개의 출력 파일을 생성하는 단일 빌드 단계

끝난.

• 보너스 : 빌드 프로세스를 VS 코드와 통합 각 하위 프로젝트를 빌드하기 위해 현재 이에 상응하는 상용구 작업이 있습니다.

npm스크립트 VSC의 작업 목록에 나타납니다 따라서 만들기 (적어도 그들은 내에서 할) tasks.json필요합니다.

실제로 프로젝트 참조를 사용할 수 있습니다. 다음 단계에 따라 원본 파일에 대해 얻은 것과 동일한 결과를 얻으십시오. 모든 기능은 하나의 파일에서 최상위 수준에 있습니다. 그러나 봇에서 필요한 기능 만 가져 오는 솔루션을 찾을 수 없습니다. 즉, 가져 오기 및 내보내기를 사용하지 않습니다.

루트의 tsconfig.json에서

{
    "files": [],
    "references": [
        { "path": "./lib" }
        { "path": "./AggroMiner" }
        { "path": "./ArtilleryMicro" }
        { "path": "./MissileKite" }
        { "path": "./SmartMelee" }
        { "path": "./ZapKite" }
    ]
}

다음으로 lib 폴더에 tsconfig.json을 추가하십시오.

{
  "compilerOptions": {
    "declaration": true,
    "declarationMap": true,
    "composite": true,
    "rootDir": ".",
    "outFile": "../build/lib.js",
    "target": "es3",
    "removeComments": true,
    "sourceMap": false,
  },
  "files": [
    "data.ts",
    "movement.ts",
    "utils.ts"
  ]
}

ts가 컴파일 오류로 귀찮게하지 않도록 data.ts, movement.ts 및 utils.ts를 약간 조정해야합니다.

data.ts

/// <reference path="./bot.land.d.ts"/>

(...)

movement.ts

/// <reference path="./data.ts"/>
/// <reference path="./utils.ts"/>
(...)

utils.ts

/// <reference path="./bot.land.d.ts"/>
(...)

다음으로 루트에 base.json을 추가합니다 (봇의 tsconfig.json이 확장합니다).

base.json

{
  "compilerOptions": {
    "declaration": true,
    "composite": true,
    "rootDir": ".",
    "target": "es3",
    "removeComments": true,
    "sourceMap": false,
  }
}

봇의 tsconfig.json (봇에 따라 조정)

{
  "extends": "../base",
  "compilerOptions": {
    "outFile": "../build/AggroMiner.js",
  },
  "files": [
    "AggroMiner.ts"
  ],
  "references": [
      { "path": "../lib", "prepend": true } //note the prepend: true
  ]
}

그게 다야. 이제 그냥 실행

tsc -b